| 标题 | 仿酷狗html5手机音乐播放器主要部分代码 |
| 内容 | 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(); |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。