qq音乐m问鼎下载链接入口ios/单机炸金花免费不充钱安卓怎么下载p3带歌词播放器源码
类似qq音乐播放器界面特效。带实时歌词同步和背景大图切换, 一款使用jQuery和layUI框架制作的手机端mp3音乐播放器,支持多首歌曲播放,暂 ---在线演示$(function () { songmsg.setMsg(0); songmsg.loadRotationChart(); $("#volume").change(function () { if($(this).val() == 0){ songmsg.songMuted(true); }else{ songmsg.songMuted(false); } songmsg.setVolume($(this).val()); volume = $(this).val(); }); $("#cover").click(function (){ if($(this).hasClass('btn_pause')){ songmsg.songPause(); }else{ var data_num = song.getAttribute("data-num"); if(data_num == 0 && song.currentTime == 0){ song.src = song_list[data_num].song_url; song.volume = 0.5; } songmsg.songPlay(); } }); $("#play_right").click(function () { songmsg.nextSong(); }); $("#play_left").click(function () { songmsg.prveSong(); }); $(".vlue-icon").click(function () { var isMuted,ele = $(this).children("i"); if(ele.hasClass("v_o")){ isMuted = true; $("#volume").val(0); }else { isMuted = false; $("#volume").val(volume); } songmsg.songMuted(isMuted); }); $("#cmn-toggle-1").click(function () { if($(this).is(':checked')){ open_lrc = true; $(".cover_container").fadeIn(); }else{ open_lrc = false; $(".cover_container").fadeOut(); } }); $("#progress ").mousedown(function (e) { if(isNaN(song.duration)){ return; } var x = e.clientX-50; var total_width = $(this).width(); var bar = (x/total_width)*100; bar = bar.toFixed(2); $("#play_on").css({"transform":"translateX("+bar+"%)"}); time = parseInt(song.duration * bar/100); song.currentTime = time; }); });
-
上一篇
-
下一篇
- 最近发表
- 随机阅读
-
- 帝国cms网站链接URL伪静态设置方法
- WordPress博客网站.htaccess文件的作用
- wordpress博客网站QQ/微博快速登录插件Foxlogin
- dedecms添加文章时禁止自动提取关键字
- dedecms织梦仿站工具软件下载
- 经典90版html坦克大战小游戏代码
- 小米米家扫拖机器人 M40 S 国补后立打7折:从高价到低价,实惠与实用并存
- 海信Vidda C3 Ultra投影仪震撼预售:革新光学技术,实现1.67倍变焦,三色激光引领,国补价仅8999元!
- 浏览器屏蔽广告插件广告终结者
- 个人域名IPC备案/网站备案注意事项
- dreamweaver cs6中文版下载安装
- dedecms织梦5.7仿站视频教程(初级下部)
- mp3音乐app界面js设计模板
- JavaScript流程控制语句
- 圣诞节幽灵404页面代码
- wordpress移除后台外观下的编辑和仪表盘的模块
- 纯CSS实现超精美月兔404页面代码
- jQuery实现全屏图片滑块焦点图动画
- SEO搜索引擎的起源/发展
- 小米米家智能香氛机套装植萃系列:低成本高品质,打造清新家居环境
- 搜索
-
- 友情链接
-