Html jQuery音乐均衡器Equalizer插件
2016-03-23 12:54:02  By: dwtedx

本Demo是一个jQuery音乐均衡器的插件、插件的名字叫做equalizer、是根据jQuery编写而来的插件、用于在网页上显示一个音乐均衡器、同时也是一个音乐播放器、带有音乐均衡器Html5音乐播放器、个人效果效果非常不错、效果图如下

jQuery音乐均衡器


Html代码

<section id="main_section">
    <div class="relative_left" style="width: 600px;margin: 30px 0px;height: 300px;left : 50%;margin-left: -300px;">
        <h2 id="title">JQUERY音乐均衡器插件</h2>
        <div id="equalizer">
            <audio autoplay controls loop>
                <source src="http://storage.dwtedx.com/sbsb.mp3" type=´audio/ogg´>
                <source src="http://storage.dwtedx.com/sbsb.mp3" type=´audio/mpeg´>    
            </audio>
        </div>
    </div>
</section>


引入JS文件

<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.reverseorder.js"></script>
<script type="text/javascript" src="js/jquery.equalizer.js"></script>


JS代码

$(document).ready(function(){
    
    $("#ad_container span").click(function(){
        $("#ad_container").fadeOut(400);
    });
    
});


源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1brgvvC 密码: 4ape

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


猜你喜欢的

快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+