jQuery粉哪个小程序能玩炸金科普经验:极速赛车最好的投注方法花色个性侧边悬浮音乐播放器插件
播放器运动出来,阻止默认事件 if (event.preventDefault) { event.preventDefault(); } } ; //滚轮 要执行的 function move(){ var iH=$bar.position().top; iH=iH+iSpeed; iH <= 0 && (iH = 0); iH >= $maxH && (iH = $maxH); $bar.css({top:iH+"px"}); iScale = - iH/$maxH; $ul.css({top:iScale*($ul.height()-$(".jp-playlist-box").height())+"px"}); return false; }; //播放器列表滚动条js 结束------------------------------------------------ //音乐播放器 收缩、 网站侧边mp3音乐播放器插件代码,可自行修改代码添加自己的歌曲 ---在线演示// MP3播放器及歌曲库jsvar myPlaylist = new jPlayerPlaylist({ jPlayer: "#jquery_jplayer_N", cssSelectorAncestor: "#jp_container_N" }, [ { title: "最近", artist: "李圣杰", mp3:"http://img.bokequ.com/music/zuijin.mp3", poster: "http://www.bokequ.com/show/yinyue/9/images/zuijin.jpg"}, { title: "当你孤单你会想起谁", artist: "张栋梁", mp3:"http://www.bokequ.com/show/yinyue/10/audio/gundan.mp3", poster: "http://www.bokequ.com/show/yinyue/10/img/gundan.jpg"}, { title: "黄昏", artist: "周传雄", mp3:"http://www.bokequ.com/show/yinyue/10/audio/huanghun.mp3", poster: "http://www.bokequ.com/show/yinyue/10/img/huanghun.jpg"}, { title: "十指紧扣", artist: "张智霖", mp3: "http://www.bokequ.com/show/yinyue/10/audio/shizhijikou.mp3", poster:"http://www.bokequ.com/show/yinyue/10/img/shizhi.jpg"}, { title: "笔记", artist: "周笔畅", mp3: "http://www.bokequ.com/blog/2/images/biji.mp3", poster:"http://www.bokequ.com/blog/2/images/07.jpg"} ], {playlistOptions:{enableRemoveControls: true}, swfPath: "js/", supplied: "webmv, ogv, m4v, oga, mp3", useStateClassSkin: true, autoBlur: false, smoothPlayBar: true, keyEnabled: true, audioFullScreen: true }); //添加播放歌曲 $("#latest li").find("a.playIcon").click(function() { var k=$(this).parent("li").index(); myPlaylist.add({ title:latest[k].title, artist:latest[k].artist, //free:true, mp3:latest[k].mp3, //oga:"", poster:latest[k].poster }); myPlaylist.play(-1); }); $("#popular li").find("a.playIcon").click(function() { var k=$(this).parent("li").index(); myPlaylist.add({ title:popular[k].title, artist:popular[k].artist, //free:true, mp3:popular[k].mp3, //oga:"", poster:popular[k].poster }); myPlaylist.play(-1); }); $("#rank li").find("a.playIcon").click(function() { var k=$(this).parent("li").index(); myPlaylist.add({ title:rank[k].title, artist:rank[k].artist, //free:true, mp3:rank[k].mp3, //oga:"", poster:rank[k].poster }); myPlaylist.play(-1); }); $("#main li").find("a.playIcon").click(function () { var k = $(this).parent("li").index(); myPlaylist.add({ title: main[k].title, artist: main[k].artist, //free:true, mp3: main[k].mp3, //oga:"", poster: main[k].poster }); myPlaylist.play(-1);}); $("#spirit li").find("a.playIcon").click(function () { var k = $(this).parent("li").index(); myPlaylist.add({ title: spirit[k].title, artist: spirit[k].artist, //free:true, mp3: spirit[k].mp3, //oga:"", poster: spirit[k].poster }); myPlaylist.play(-1);});$("#magic li").find("a.playIcon").click(function () { var m = $(this).parent("li").index(); myPlaylist.add({ title: magic[m].title, artist: magic[m].artist, //free:true, mp3: magic[m].mp3, //oga:"", poster: magic[m].poster }); myPlaylist.play(-1);}); //添加歌曲结束 //移除 $("#playlist-remove").click(function() { myPlaylist.remove(); //(0 1 2 ... -2 -1) }); $("#listRemove").click(function() { myPlaylist.remove(); }); // 上一曲、jQuery粉色个性侧边悬浮音乐播放器插件,或运动回去 $("#btnfold").mouseover(function(){ if(fold){ $(".jp-video").animate({left:"-480px"},350,function(){ slideIn($(this)); }); }else{ $(".jp-video").animate({left:0},350,function(){ s哪个小程序能玩炸金花lideOut($(this)); }); } }); //封装按钮背景切换1 function slideOut(obj){ $("#btnfold").attr({"title":"点击收缩"}); obj.find("span").css({"transform":"rotate(180deg)"}); obj.find("span").css({"MozTransform":"rotate(180deg) translateX(2px)"}); obj.find("span").css({"WebkitTransform":"rotate(180deg)"}); fold=true; }; //封装按钮背景切换2 function slideIn(obj){ $("#btnfold").attr({"title":"点击展开"}); obj.find("span").css({"transform":"rotate(0deg)"}); obj.find("span").css({"MozTransform":"rotate(0deg) translateX(-2px)"}); obj.find("span").css({"WebkitTransform":"rotate(0deg)"}); fold=false; }; //歌曲列表展开、科普经验:极速赛车最好的投注方法展开---------------------------------------------- var fold=true;//标识 //页面加载时,收缩--------------------------------------------------- var iOpen=false; $("#listClose").click(function(){ if(iOpen){ $(".jp-playlist-box").animate({height:0},100); $("#btnfold").css({top:"5px"}); $("#listRemove").css({display:"none"}); $(".scrollBar").css({display:"none"}); $(".jp-video").animate({height:"94px",bottom:"20px"},100); iOpen=false; }else{ $(".jp-playlist-box").animate({height:"80px"},100); $("#btnfold").css({top:"52px"}); $("#listRemove").css({display:"block"}); $(".scrollBar").css({display:"block"}); $(".jp-video").animate({height:"175px",bottom:"20px"},100); iOpen=true; } });
- 最近发表
- 随机阅读
-
- 浏览器网页上的图片如何批量保存下载?
- AI加持电竞模式!iQOO新款智能手表799元起,运动健康好帮手
- 黑色清爽大气wordpress博客主题,html静态模板
- Crypto Markets in Retreat: BTC Losses $70K, WIF Plummets 11% Daily (Market Watch)
- SEO网站编辑文章如何伪原创
- wordpress时光轴自适应主题jinsomB模板
- WordPress插件Redirection 301重定向跳转
- dedecms实现tag标签伪静态方法
- dedecms织梦5.7仿站视频教程(中级上部)
- JavaScript的详细概述/什么是JavaScript
- dedecms织梦仿站工具软件下载
- wordpress网站防复制插件CopyRights下载
- WordPress多功能免费主题Git(乐趣公园)下载
- 个人网站dedecms设置URL绝对路径/地址
- SEO如何分析一个网站
- wordpress博客纯代码去掉分类目录Category
- 海信Vidda C3 Ultra投影仪震撼预售:革新光学技术,实现1.67倍变焦,三色激光引领,国补价仅8999元!
- wordpress如何防止垃圾评论/回复
- wordpress博客新闻杂志主题SimultLite
- 宝塔面板MySQL数据库自动重启设置
- 搜索
-
- 友情链接
-