jquery之音乐播放控件

最新推荐文章于 2024-05-05 14:58:36 发布

红衣学姐

最新推荐文章于 2024-05-05 14:58:36 发布

阅读量1.3k

点赞数

分类专栏： jquery html5 文章标签：喵喵喵

本文链接：https://blog.csdn.net/qq_34886247/article/details/80553843

版权

博主因找不到合适的音乐播放控件，决定自己动手用jQuery编写。控件实现了鼠标滑过时显示播放、暂停和关闭按钮，并有渐变隐藏效果。点击按钮可以切换歌曲播放状态。如有疑问可联系作者。

摘要由CSDN通过智能技术生成

0x00:

找资源找半天找不到，一怒之下自己用jquery写了个略抠的播放控件。hhh

0x01:

html:

    <button type = 'button' id = 'sign'>♪</button>
    <div id = 'num'>♫</div>
    <div id = 'O'>`</div>
    <div id = 'flower'>♩</div>
    <!-- <div id = 'eight'>♬</div> -->
    
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=520 height=86 src="" id = 'mp3'></iframe>

css:

#mp3
{
  position: relative;
    left:-40%; 
    top:-23%;
    opacity:0.8;
     z-index: 999999999999;
    display: none;
}
#sign
{
    position: fixed;
    top: 3%;
    right: 3%;
    col