来源:自学PHP网 时间:2015-01-26 11:14 作者: 阅读:次
[导读] HTML5作品仿酷狗html5手机音乐播放器,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,感兴趣的朋友可以学习下哈...
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 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com