当前位置: 移动技术网 > IT编程>网页制作>Html5 > 仿酷狗html5手机音乐播放器主要部分代码

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

2019年07月25日  | 移动技术网IT编程  | 我要评论
HTML5作品仿酷狗html5手机音乐播放器,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,感兴趣的朋友可以学习下哈... 13-05-15
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

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网