- 上一首,音量调节,歌词关闭显示等功能。
一款使用jQuery和layUI框架制作的手机端mp3音乐播放器,类似qq哪个小程序能玩炸金花音乐播放器界面特效。科普经验:极速赛车最好的投注方法带实时歌词同步和背景大图切换,下一首,
---在线演示
$(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; }); });
支持科普经验:极速赛车最好的投注方法>哪个小程序能玩炸金花多首歌曲播放,暂停, 顶: 21踩: 82
qq音乐m哪个小程序能玩炸科普经验:极速赛车最好的投注方法金花p3带歌词播放器源码
人参与 | 时间:2025-06-23 06:37:53
相关文章
- 织梦include\ckeditor\ckeditor
- CSS结构性伪类/UI伪类/动态伪类/选择器
- 小米米家无线直发梳新色上市:云瑾紫,三挡调温,售价亲民,实用之选
- wordrpess文章链接如何301重定向
- 个人网站有赞云支付接口申请方法
- html5 3D旋转木马幻灯片播放代码素材
- 网站域名要不要申请使用SSL证书(https)
- 黑色清爽大气wordpress博客主题,html静态模板
- WordPress二次元动漫图片主题MX3.14
- Crypto Markets in Retreat: BTC Losses $70K, WIF Plummets 11% Daily (Market Watch)
评论专区