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

   HTML5作品,经测试,效果确定不错,遗憾的是只支持谷歌和苹果等以webkit核心的浏览器,网友体验的时候请使用谷歌等浏览器来运行,不然的话无法看到效果,不说了,看效果吧

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

  复制代码

  代码如下:

  主要部分代码如下:

  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();

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Js正则表达式过滤特殊字符、表情的实例代码: let ret = "12312ffds#¥@¥#%^***(()))*)).`@%@¥@¥", val = this.customDeviceName;//特殊字符过滤let pattern = new RegExp("[`~!@#$^*()=|{}':;',\\[\\]./?~!@#¥……*()——|{}【】‘;:”“'。,、?]
1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用
HTML5 火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。 好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边是几个实例,记下以备后用。 1、使用Canvas绘制直线: !doctype html ht
响应式布局,理想状态是,对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然占据了比较大量的市场份额,使我们不得不进行IE低端浏览器的考虑。那么如何在IE6~8浏览器中兼容响应式布局呢?这里我们需要借助这
近日,微软宣布开源Chakra的核心组件。Chakra是微软新一代浏览器 Microsoft Edge的JavaScript引擎。相关代码将于2016年1月上传到微软的GitHub账号,项目名称为 ChakraCore,遵循MIT许可协议。 ...,HTML5中国,中国最大的HTML5中文门户。
这篇文章报道的不是“新闻”,因为W3C早已开始着手CSS变量方面的工作。至于Google,则要追溯到11月初,当时该公司主要开发人员之一的Addy Osmani宣布了率先在Chrome Canary中引入对CSS变量的支持。 ...,HTML5中国,中国最大的HTML5中文门户。