admin管理员组文章数量:1655505
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
版权声明:本文标题:html酷狗客户端音乐官网代码表,仿酷狗html5手机音乐播放器主要部分代码 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1729703710a1210518.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论