zoukankan      html  css  js  c++  java
  • jquery之音乐均衡器

    制作这个音乐均衡器需要一个equalizer插件(插件我已经上传),下面介绍一下网页的BGM的相关属性:

    hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。

    autostart="true"表示当前页一载入则自动播放,若不希望播放改为autostart="false" 即可。

    loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了 。

    loop="-1" 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"。

    <section id="main_section">
        <div class="relative_left" style=" 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://fs.pc.kugou.com/201605121727/202838a1cd28416ce5929d38db776835/G006/M00/1B/1D/Rg0DAFS93HWAC5dJADquNn80K1Y691.mp3" type='audio/mpeg'>    
                </audio>
            </div>
        </div>
    </section>

    方法:

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

    run:

    不努力,还要青春干什么?
  • 相关阅读:
    深入分析String类型(一)
    创建泛型类
    XML数据的读取—数据库配置文件
    Config配置文件读写
    jQuery动画
    设置屏幕快捷键
    jQuery事件
    jQuery操作DOM
    Python 二进制文件网址
    Centos使用crontab自动定时备份mysql的脚本
  • 原文地址:https://www.cnblogs.com/caidupingblogs/p/5487188.html
Copyright © 2011-2022 走看看