qq音乐28PC加拿大手机版-28PC加拿大官方版下载安卓网m征途国际是干什么的p3带歌词播放器源码
下一首,
---在线演示
$(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; }); });音量调节,暂停,带实时歌词同28PC加拿大手机版-28PC加拿大官方版下载安卓网步和背景大图切换,征途国际是干什么的类似qq音乐播放器界面特效。支持多首歌曲播放,上一首,歌词
一款使用jQuery和layUI框架制作的手机端mp3音乐播放器,
- 最近发表
- 随机阅读
-
- boke字母拼音是什么意思?
- 纤薄机身扫地新宠:科沃斯T50 PRO,水箱版1613元国补新低,体验升级更轻松
- 个人博客网站选择主机服务器技巧
- DedeCMS个人网站常见漏洞有哪些
- 免费简单图床EasyImages2.0源码
- 天猫精灵:跨设备连接领跑行业,品类覆盖引领消费新潮
- 申请/注册新域名需要注意哪些细节
- 个人博客网站常用优化内容方法
- HTML5+three实现3D酷炫拼魔方游戏代码
- wordpress简约清新范博客主题Pinghsu
- wordpress隐藏文章部分内容需要注册登录后可见
- wordpress禁止加载图片属性srcset和sizes
- 个人网站分类目录内容管理系统源码下载
- wordpress免费插件Math Captcha简单数学验证码
- SEO如何分析网站
- wordpress博客新闻杂志主题SimultLite
- jQuery网页底部左侧mp3音乐播放器悬浮插件
- 小米新款智能净烟机S20上市:告别油烟困扰,还能实时监测空气质量
- 网页出现Uncaught SyntaxError: Unexpected token错误
- 新年春节网页顶部两侧挂灯笼祝福代码
- 搜索
-
- 友情链接
-