• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    仿酷狗html5手机音乐播放器主要部分代码
    HTML5作品,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,网友体验的时候请使用谷歌等浏览器来运行,不然的话无法看到效果,不说了,看效果吧


    复制代码
    代码如下:

    主要部分代码如下:
    function ZzxMusic(){
    var aa={};
    //模块设置
    var setting = {
    newSong:{'target':'newSong','type':'1','firstCount':6,'Count':5},
    songCharts:{'target':'newSong','type':'1','firstCount':2,'Count':4},
    singer:{'target':'newSong','type':'1','firstCount':8,'Count':7},
    radioStation:{'target':'newSong','type':'1','firstCount':9,'Count':2}
    };
    //默认加载模块
    aa.newSong = new Zzx(setting.newSong);
    //模块初始化
    $(".menu_tagList").children("li").bind('click',function(){
    for(var i in setting){
    if($(this).attr("id")==i){
    if(typeof aa[i]==='undefined'){
    aa[i] = new Zzx(setting[i]);
    }else{
    aa[i].init();
    }
    }
    }
    $(".menu_hover").removeClass("menu_hover");
    $(this).addClass("menu_hover");
    })
    }
    //实例化控制台
    var myControl = new Control({
    audio : document.getElementById("myMusic"), //播放器
    playModeNode : $("#modeButton"), //模式选择按钮
    playBtn : $("#playButton"), //主控按钮
    playTitle : $("#musicTitle"), //歌曲TITLE容器
    singerHead : $("#singerHead"), //歌曲插图容器
    progressWrap : $("#progressWrap"), //歌曲进度条容器
    progress : $("#progress"), //歌曲进度条
    oWinObj : $("#oWindow"), //警告窗容器
    allTimeNode : $("#totleTime"), //当前时间容器
    currentTimeNode : $("#currentTime") //当前时间容器
    });
    ZzxMusic();


    原文 www.jq-school.com
    上一篇:基于HTML5 Canvas:字符串,路径,背景,图片的详解
    下一篇:将HTML5 Canvas的内容保存为图片借助toDataURL实现
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    仿酷狗html5手机音乐播放器主要部分代码 仿酷,狗,html5,手机,音乐,