双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒，抽取你的专属好礼

— 惊喜奖品抢先看 —

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

大家来看看这个在线播放音乐的页面怎么实现的。

2003-06-18 02:27:05 121 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

yunanyunan 墨衍会员 · AI 创作全网分发关注 + 加入社区

音乐链接分享页面的实现酷狗音乐的链接分享页面是一个非常简洁且功能丰富的音乐播放页面，用户可以通过分享链接直接播放歌曲、查看歌词和封面。本文将带你一步步实现一个类似酷狗音乐链接分享页面的功能，支持播放歌曲、显示歌词、封面旋转、进度条控制等功能。我们将使用 HTML、CSS 和 JavaScript 来实现这个功能。阅读详情

http://ye99.com/1/a1.htm

谁有这样的代码给我一份？我出300分！不够再加。

fanyu@jqwater.net

...全文

仿网易云音乐Android端歌手资料页面的实现模仿网易云音乐歌手资料页面实现的demo 阅读详情

yunanyunan

图象工具使用 1,451 成员 24,331 内容

+ 关注 + 加入社区

切换为时间正序

yunanyunan 2003-06-18

打赏
举报

光看源码也没有用啊，，我想在自己的页面上也添加个这种播放器。。谁有完整的代码包括图片、JS的给我用用。。我给分。

lymyx 2003-06-18

打赏
举报

查看它的源码

fivestars070 2003-06-18

打赏
举报

</tr>
</table>
<TABLE border=0 cellspacing=0 cellpadding=0 height=19 width=108>
<TR>
<TD height=19 width=13 valign=bottom ><img src="http://ye99.com/t/08.gif" ></TD>
<TD height=19 width=13 valign=bottom ><img name="prevt" src="http://ye99.com/t/09.gif" border=0 width=13 height=19 onClick="playPrev();this.blur();" onMouseOver="imgtog('prevt',2);" onMouseOut="imgtog('prevt',3)" style="cursor:hand;" title="上一首(←)"></TD>
<TD width=57 height=19 align=center valign=middle background="http://ye99.com/t/010.gif" NOWRAP onClick="chgTimeFmt();this.blur();"><marquee behavior="scroll" scrolldelay=70 scrollamount=1 width=50 height=19>
<span id="disp1" width=50 class="title" align=left>CnSide MP Player</span>
<span id=liveclock width=150 class="time"></span>
</marquee></TD>
<TD height=19 width=13 valign=bottom ><img name="nextt" src="http://ye99.com/t/011.gif" border=0 width=13 height=19 onClick="playNext();this.blur();" onMouseOver="imgtog('nextt',2);" onMouseOut="imgtog('nextt',3)" style="cursor:hand;" title="下一首（→）"></TD>
<TD height=19 width=12 valign=bottom ><img src="http://ye99.com/t/012.gif" ></TD>
</tr>
</table>
<TABLE border=0 cellspacing=0 cellpadding=0 height=15 width=108>
<tr>
<TD width=108 height=15 background="http://ye99.com/t/013.gif" align=center valign=top NOWRAP><img name="playt" src="http://ye99.com/t/014.gif" border=0 width=15 height=15 onClick="startCnSideBud();this.blur();" onMouseOver="imgtog('playt',2);" onMouseOut="imgtog('playt',3)" style="cursor:hand;" title="播放(P)"><img name="pauzt" src="http://ye99.com/t/015.gif" border=0 width=15 height=15 onClick="wmpPP();this.blur();" onMouseOver="imgtog('pauzt',2);" onMouseOut="imgtog('pauzt',3)" style="cursor:hand;" title="暂停/继续(X)"><img name="stopt" src="http://ye99.com/t/016.gif" border=0 width=15 height=15 onClick="wmpStop();this.blur();" onMouseOver="imgtog('stopt',2);" onMouseOut="imgtog('stopt',3)" style="cursor:hand;" title="停止(C)"></td>
</tr>
</table>
<TABLE border=0 cellspacing=0 cellpadding=0 height=9 width=108>
<tr>
<TD width=108 height=9 background="http://ye99.com/t/017.gif" align=center valign=middle NOWRAP>
</td>
</tr>
</table>
<TABLE border=0 cellspacing=0 cellpadding=0 height=18 width=108>
<tr>
<TD width=108 height=18 background="http://ye99.com/t/018.gif" align=center valign=top NOWRAP><img name="vup" src="http://ye99.com/t/019.gif" border=0 width=15 height=13 onClick="wmpVolUp();this.blur();" onMouseOver="imgtog('vup',2);" onMouseOut="imgtog('vup',3)" style="cursor:hand;" title="增音(↑)"><img name="vmute" src="http://ye99.com/t/020.gif" border=0 width=15 height=13 onClick="wmpMute();this.blur();" onMouseOver="imgtog('vmute',2);" onMouseOut="imgtog('vmute',3);" style="cursor:hand;" title="静音(A)"><img name="vdn" src="http://ye99.com/t/021.gif" border=0 width=15 height=13 onClick="wmpVolDn();this.blur();" onMouseOver="imgtog('vdn',2);" onMouseOut="imgtog('vdn',3)" style="cursor:hand;" title="降音(↓)">
</td>
</tr>
</table>
<TABLE border=0 cellspacing=0 cellpadding=0 height=11 width=108>
<tr>
<TD width=108 height=11 background="http://ye99.com/t/022.gif" align=center valign=middle NOWRAP>
</td>
</tr>
</table>
<TABLE border=0 cellspacing=0 cellpadding=0 height=21 width=108>
<tr>
<TD width=108 height=21 background="http://ye99.com/t/023.gif" align=center valign=middle NOWRAP><img name="addt" src="http://ye99.com/t/024.gif" border=0 width=10 height=16 onClick="FullScreen();this.blur();" style="cursor:hand;" title="全屏幕"> <img name="pmode" src="http://ye99.com/t/025.gif" border=0 width=29 height=16 onClick="chgPMode();this.blur();" onMouseOver="imgtog('pmode',2);" onMouseOut="imgtog('pmode',3)" style="cursor:hand;" title="顺序模式(S)"> <img name="rept" src="http://ye99.com/t/026.gif" border=0 width=26 height=16 onClick="chkRept();this.blur();" onMouseOver="imgtog('rept',2);" onMouseOut="imgtog('rept',3)" style="cursor:hand;" title="循环模式(L)"> <img name="viewt" src="http://ye99.com/t/027.gif" alt="简单模式" border=0 width=10 height=16 onClick="open_close();this.blur();" style="cursor:hand;" ></td>
</tr>
</TABLE></td>
<td width="200" valign="top"> <span id="mp" style="display:block">

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="150" background="http://ye99.com/t/028.gif">
<tr>
<td valign="top"><script language="JavaScript" src="a5.js"></script></td>
</tr>
</table>

</span></td>
</tr>
</table>
<span id="capText" style="display:none"></span>
</BODY>
</HTML>

fivestars070 2003-06-18

打赏
举报

<html>
<HEAD>
<TITLE>音乐之家</TITLE>
<META name="Author" content="CnSideMP, Hoja T">
<META name="Keywords" content="CnSideMP">
<META name="Description" content="asf,wma,mp3,wav,mid,媒体播放器">
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<STYLE TYPE="text/css">

</STYLE>

<script language="JavaScript">
function open_close(){
if(parent.floater.style.pixelWidth==305){
parent.floater.style.pixelWidth=108;
CnSideBud.style.display='none';
document.viewt.src="http://ye99.com/t/01.gif";
document.viewt.alt="视频模式";
}
else{
parent.floater.style.pixelWidth=305;
CnSideBud.style.display='block';
document.viewt.src="http://ye99.com/t/02.gif";
document.viewt.alt="简单模式";
}
}

//增加全屏幕按钮

function FullScreen()
{
document.CnSideBud.FullScreen = true;
return false;}

//-->
--></SCRIPT>
<script language="JavaScript" src="a1.js"></script>
<SCRIPT Language ="JavaScript" src="a2.js"></SCRIPT>
<SCRIPT Language ="JavaScript" src="a3.js"></SCRIPT>
<script language="JavaScript" src="a4.js"></script>
<SCRIPT Language ="JScript" FOR=CnSideBud EVENT=openStateChange(sf)> evtOSChg(sf); </SCRIPT>
<SCRIPT Language ="JScript" FOR=CnSideBud EVENT=playStateChange(ns)> evtPSChg(ns); </SCRIPT>
<SCRIPT Language ="JScript" FOR=CnSideBud EVENT=error()> evtWmpError(); </SCRIPT>
<SCRIPT Language ="JScript" FOR=CnSideBud EVENT=Buffering(bf)> evtWmpBuff(bf); </SCRIPT>
</HEAD>
<BODY onload="initCnSideBud();show5();" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 style="overflow:hidden;" oncontextmenu="return false" onselectstart="return false" ondragstart="return false" >

<table width="308" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="108" valign="top"><TABLE border=0 cellspacing=0 cellpadding=0 height=22 width=108>
<TR>
<TD width=108 height=22 background="http://ye99.com/t/03.gif" align=left valign=middle NOWRAP><img name="scope" src="http://ye99.com/t/04.gif" width=108 height=22 border=0 onClick="vizCnSideBud();" style="cursor:help;"></TD>
</tr>
</table>
<TABLE border=0 cellspacing=0 cellpadding=0 height=12 width=108>
<tr>
<TD width=108 align=center height=12 background="http://ye99.com/t/05.gif" >
<img name="plist" src="http://ye99.com/t/06.gif" border=0 width=19 height=8 onClick="openPlist();this.blur();" onMouseOver="imgtog('plist',2);" onMouseOut="imgtog('plist',3)" style="cursor:hand;" title="歌曲选单(M)"></TD>
</tr>
</table>
<TABLE border=0 cellspacing=0 cellpadding=0 height=20 width=108>
<TR>
<TD width=108 height=20 align=center background="http://ye99.com/t/07.gif" NOWRAP><span id="disp2" width=105 class="time" align="center" title ="播放时间(T)" onClick="chgTimeFmt();this.blur();" style="cursor:hand;">00:00
| 00:00</span> </TD>

fivestars070 2003-06-18

打赏
举报

查看——源文件

✦双11狂欢大促✦

大家来看看这个在线播放音乐的页面怎么实现的。

相关推荐

双11狂欢大促