jQuery粉Kaiyun体育网页登陆入口,一站式体育赛事服务平台开元体育app官方版最新下载网站色个性侧边悬浮音乐播放器插件

下一曲 $("#playlist-next").click(function() { myPlaylist.next(); }); $("#playlist-previous").click(function() { myPlaylist.previous(); }); // 播放 $("#playlist-play").click(function() { myPlaylist.play(); }); $("#playlist-play--2").click(function() { myPlaylist.play(-2); }); $("#playlist-play--1").click(function() { myPlaylist.play(-1); }); $("#playlist-play-0").click(function() { myPlaylist.play(0); }); $("#playlist-play-1").click(function() { myPlaylist.play(1); }); $("#playlist-play-2").click(function() { myPlaylist.play(2); }); // 暂停 $("#playlist-pause").click(function() { myPlaylist.pause(); }); //是否自动播放 $("#playlist-option-autoPlay-true").click(function() { myPlaylist.option("autoPlay", true); }); $("#playlist-option-autoPlay-false").click(function() { myPlaylist.option("autoPlay", false); }); //播放器列表滚动条js------------------------------------------------------------------------------------------------ var $bar=$(".bar"); var $scrollBar=$(".scrollBar"); var $maxH = $scrollBar.innerHeight() - $bar.outerHeight(); var $ul=$(".jp-playlist ul"); var $li=$(".jp-playlist ul li"); var disY=0; var iScale=0; var iSpeed = 0; $ul.height(1000); //设置ul的高度 $bar.mousedown(function (event){ var event = event || window.event; disY = event.clientY - $(this).position().top; $(document).bind("mousemove",function (event){ var event = event || window.event; var iH = event.clientY - disY; 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; }); $(document).bind("mouseup",function (){ $(document).unbind("mousemove"); $(document).unbind("mouseup"); }); return false; }); //当鼠标移入，jQuery粉色个性侧边悬浮音乐播放器插件，可自行修改代码添加自己的歌曲

---在线演示

// 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();	});	// 上一曲、播放器运动出来，阻止默认事件  		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 结束------------------------------------------------		//音乐播放器 收缩、
Kaiyun体育网页登陆入口,一站式体育赛事服务平台开元体育app官方版最新下载网站网站侧边mp3音乐播放器插件代码，或运动回去	$("#btnfold").mouseover(function(){		if(fold){			$(".jp-video").animate({left:"-480px"},350,function(){					slideIn($(this));			});			}else{			$(".jp-video").animate({left:0},350,function(){				slideOut($(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;		};		//歌曲列表展开、监听事件	$(".jp-playlist-box").mouseover(function(){			//鼠标滚轮			addHandler(this, "mousewheel", mouseWheel);//IE			addHandler(this, "DOMMouseScroll", mouseWheel);//标准			return false;				});	//绑定事件重写兼容	 function addHandler(element, type, handler){			return element.addEventListener ? element.addEventListener(type, handler, false) :			element.attachEvent("on" + type, handler, false)	}	 //鼠标滚轮事件	function mouseWheel(event){		var event = event || window.event;		if(event.wheelDelta) {//IE				iSpeed = event.wheelDelta > 0 ? -3 : 3;}else if(event.detail) {//火孤				iSpeed = event.detail < 0 ? -3 : 3;}		move();				//FF,绑定事件，jQuery mp3音乐播放器插件制作粉色个人的音乐网站侧边悬浮的音乐播放器列表代码。收缩---------------------------------------------------	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;		}	});

延开Kaiyun体育网页登陆入口,一站式体育赛事服务平台元体育app官方版最新下载网站迟2秒，展开---------------------------------------------- var fold=true;//标识 //页面加载时，运动回去 $(".jp-video").animate({left:0},"slow",function(){ slideOut($(this)); }).delay(2000).animate({left:"-480px"},350,function(){ slideIn($(this)); }); //点击按钮运动出来，