欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-21 13:01:58
HTML5作品仿酷狗html5手机音乐播放器,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,感兴趣的朋友可以学习下哈... 13-05-15...
html5作品,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,网友体验的时候请使用谷歌等浏览器来运行,不然的话无法看到效果,不说了,看效果吧
仿酷狗html5手机音乐播放器主要部分代码

复制代码
代码如下:

主要部分代码如下:
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