仿酷狗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();