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-
