Window Media Player 播放器

稿源：互联网 2022-05-25 00:45:52 点击： 1003 撤稿纠错

Window Media Player 播放器，直接用鼠标把右边的歌曲名字拖过去。

以下讨论的是和播放器相关的Window Media Player 播放器教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<title>阿里西西网页特效演示，Window Media Player 播放器</title>
<style>
body {
	overflow:auto;
	font-size:12px;
	cursor:default;
}

#table01 {
	font-size:12px;
	background-Color:black;
	color:white;
	text-align:center;
}

#playListTitle {
	background-Color:#001122;
	color:white;
	font-size:12px;
	font-weight:bold;
	width:100%;
	height:16px;
	padding:2px;
}

#playList {
	width:150px;
	height:225px;
	margin:0px;
	font-size:12px;
	background-Color:black;
	color:white;
}

#musicList {
	width:200px;
	border:buttonface 4px groove;
	height:80px;
	position:absolute;
	right:5px;
	top:5px;
}

#musicListTitle {
	font-size:13px;
	width:100%;
	height:20px;
	background-Color:#C5FFC5;
	padding:3px;
	font-weight:bold;
}

#musicList a {
	text-decoration:none;
	width:100%;
	height:20px;
	line-height:20px;
	font-szie:20px;
	line-height:20px;
	padding-top:5px;
	padding-left:10px;
}

#musicList a:hover {
	background-Color:#E5FFE5;
}
</style>
<script>

function playList_dragOver(){
	event.returnValue=false;
}

function playList_dragEnter(){
	event.returnValue=false;
	event.dataTransfer.dropEffect='link';
}

function addMusic(){
	if(event.srcElement.tagName=='A'){
		strTxt=event.srcElement.innerText;
		strURL=event.srcElement.href;
		playList.innerHTML="";
		playList.options[0]=new Option(strTxt,strURL);
		playList.options[0].selected=true;
	}
	event.returnValue=false;
	
	playList_dblClick();
	return(false);
}

function playList_drop(){
	strTxt=unescape(event.dataTransfer.getData('Text').split(":")[0]);
	strURL=unescape(event.dataTransfer.getData('Text').split(":")[1]);
	playList.options[playList.options.length]=new Option(strTxt,strURL);
}

function playList_dblClick(){
	MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus);
	MediaPlayer1.fileName=playList.value;
	MediaPlayer1.play();
	setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000);
}

function musicList_dragStart(){
	if(event.srcElement.tagName=='A'){
		event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+":"+escape(event.srcElement.href));
	}else{
		return(false);
	}
}

function init(){
	MediaPlayer1.AutoRewind=false;
	MediaPlayer1.AutoStart=true;
	MediaPlayer1.SendPlayStateChangeEvents=true;
	MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);
}

<div id=musicList ondragstart="musicList_dragStart();">
<div id=musicListTitle>All Music</div>
<a href="http://jay.netandtv.com/jaymp3/yequ.mp3" onclick="addMusic();">夜曲 - 周杰伦</a><br>
<a href="http://mobile.bokee.com/biji.mp3" onclick="addMusic();">笔记 - 周笔畅</a><br>
<a href="http://files.17173.com/ddr/music/hfmusic/Y.mp3" onclick="addMusic();">不得不爱 - 潘玮柏</a><br>
<a href="http://web.163.sh.cn/~kkyhm/music/3.wma" onclick="addMusic();">发如雪 - 周杰伦</a><br>
<hr>
Tips: 把歌曲拖入播放列表
</div>
<div id=info></div>
<body>
</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于Window Media Player 播放器的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807142965.shtml方便下次再访问哦。

·上一篇： 给表格加一个滚动条
·下一篇： 全选并改变TR颜色

Window Media Player 播放器

文章分类LIST >>返回首页

最新游戏

最新新闻