html酷狗客户端音乐官网代码表,仿酷狗html5手机音乐播放器主要部分代码

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

html酷狗客户端音乐官网代码表,仿酷狗html5手机音乐播放器主要部分代码相关推荐

音乐封面转动html,带封面的HTML5手机音频播放器
本文演示了三种不同样式的html5音频播放器,通过html5的audio标签,使其支持自定义歌名.歌手和歌词,是否自动播放,音乐封面图,播放进度等查看演示下载资源: 104 次下载资源下载积分 ...
手机html音乐播放器代码隐藏,教程方法;仿酷狗html5手机音乐播放器主要部分代码电脑技巧-琪琪词资源网...
琪琪词资源网-教程方法;仿酷狗html5手机音乐播放器主要部分代码电脑技巧,以下是给大家带来的教程方法;仿酷狗html5手机音乐播放器主要部分代码,大家可以了解一下哦! HTML5作品,经测试,效果确 ...
html实训QQ音乐官网首页制作
QQ音乐官网首页 html <!DOCTYPE html> <html lang="en"> <head><link rel=" ...
仿qq音乐官网部分静态页面
简介: 这是我在刚学html和css的时候看着qq音乐官网自己敲的部分静态页面, 一共有五个静态页面,如下图首页部分: 歌手部分: 新碟部分: 排行榜部分(可播放音乐): 分类歌单部分:
HTML+CSS期末大作业：在线音乐网站设计——简洁大气的KK音乐官网模板html源码(1页) HTML+CSS+JavaScript
HTML+CSS期末大作业:在线音乐网站设计--简洁大气的KK音乐官网模板html源码(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕 ...
php手机端调用音乐播放器,HTML_仿酷狗html5手机音乐播放器主要部分代码，HTML5作品，经测试，效果确定 - phpStudy...
仿酷狗html5手机音乐播放器主要部分代码 HTML5作品,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,网友体验的时候请使用谷歌等浏览器来运行,不然的话无法看到效果,不 ...
用Vue高仿qq音乐官网-pc端
用Vue高仿qq音乐官网-pc端一直想做一个vue项目然后呢我就做了http://www.tuicool.com/articles/eymeiiN 效果预览部分地方不全部根据原版,也有自由发挥 ...
html 音乐 QQ播放器外链代码播放器外链代码
韩梦飞沙韩亚飞 313134555@qq.com yue31313 han_meng_fei_sha QQ播放器外链代码播放器外链代码 ======== 歌曲链接 QQ播放器外链 ...
基于jQuery仿QQ音乐播放器网页版代码
基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览源码下载实现的代码. html代码: <div class=" ...
酷播更新了html5和flash播放器的优先级选项和收费预览视频功能
感觉要变天了,灰蒙蒙的.好久没有下雨了... 应用场景说明: 1. 实现让用户预览一小段视频节目: 2. 设定一个预览时间,比如15秒,播放完15秒后,弹出对话框,提示用户须注册(或须付费购买): 3 ...

html酷狗客户端音乐官网代码表,仿酷狗html5手机音乐播放器主要部分代码

html酷狗客户端音乐官网代码表,仿酷狗html5手机音乐播放器主要部分代码相关推荐

最新文章

热门文章