face id-火线魔盒
![酷狗音乐在线播放器](/uploads/image/0332.jpg)
2023年4月3日发(作者:无法验证应用程序)
html酷狗⾳乐教程,仿酷狗html5⼿机⾳乐播放器主要部分代码
_html5教程技巧
HTML5作品,经测试,效果确定不错,遗憾的是只⽀持⾕歌和苹果等以webkit核⼼的浏览器,⽹友体验的时候请使⽤⾕歌等浏览器来运
⾏,不然的话⽆法看到效果,不说了,看效果吧
复制代码代码如下:
主要部分代码如下:
functionZzxMusic(){
varaa={};
//模块设置
varsetting={
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}
};
//默认加载模块
g=newZzx(g);
//模块初始化
$(".menu_tagList").children("li").bind('click',function(){
for(variinsetting){
if($(this).attr("id")==i){
if(typeofaa[i]==='undefined'){
aa[i]=newZzx(setting[i]);
}else{
aa[i].init();
}
}
}
$(".menu_hover").removeClass("menu_hover");
$(this).addClass("menu_hover");
})
}
//实例化控制台
varmyControl=newControl({
audio:mentById("myMusic"),//播放器
playModeNode:$("#modeButton"),//模式选择按钮
playBtn:$("#playButton"),//主控按钮
playTitle:$("#musicTitle"),//歌曲TITLE容器
singerHead:$("#singerHead"),//歌曲插图容器
progressWrap:$("#progressWrap"),//歌曲进度条容器
progress:$("#progress"),//歌曲进度条
oWinObj:$("#oWindow"),//警告窗容器
allTimeNode:$("#totleTime"),//当前时间容器
currentTimeNode:$("#currentTime")//当前时间容器
});
ZzxMusic();
原⽂
声明:本⽂原创发布php中⽂⽹,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@处理
更多推荐
酷狗音乐在线播放器
发布评论