仿酷狗html5手机音乐播放器主要部分代码
2013-05-15 17:37
225 查看
HTML5作品,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,网友体验的时候请使用谷歌等浏览器来运行,不然的话无法看到效果,不说了,看效果吧
原文 www.jq-school.com
主要部分代码如下: 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
相关文章推荐
- java-spring事务管理部分代码主要代码
- sql server部分主要代码
- 【杨勇】小论文MATLAB实验程序主要部分代码--语音增强--stsa_weuclid1
- Axis2+hibernate 编写webservice(主要部分代码)
- FFMPEG-0.11.1分析之ffmpeg结构(简单涉及)与代码流程(主要涉及前部分的准备工作)
- step2 uboot tag存储主要部分代码
- 实现二级菜单的一种方式--没有js 运行不了,主要看代码红色部分,只提供思路
- osworkflow基础入门部分汇总(基本概念,包用途分析及代码片断,表结构分析,主要优势,核心概念)
- [OOAD]问题域部分的设计主要任务对应的编程代码工作。
- C6416EMIFB,CE3空间连接FIFO的代码,主要部分为EMIFB的配置
- Linux 2.4.0 中select()的主要代码片断——The C10M Problem
- CSS超出部分显示省略号…代码
- datagrid批量删除的部分代码
- windows 部分字符集的代码
- 空间换时间思维——筛选法——N内求素数——一定要自己想,抄出来那部分代码拼接貌似可以,但不能写出来
- 绕过360安全卫士的部分代码
- 部分Office 2007文件格式转换为xps和pdf代码整理
- [androd] android的在线源码网站,各个版本都有(目前已到俺android 4.2,但不包含kernel部分的代码)
- Arcengine, 节点编辑 删除一个GeoMetry的第几部分第几个点-----部分代码
- 《数据结构》间接寻址类的定义参考部分代码