❶ web前端裡面什麼是nav
nav是html5新出的一種便簽，一般用來包裹網頁中的導航條。使用方法如下：
<nav>
<span>主頁</span>
<span>列表</span>
</nav>
❷ web前端有沒有做過在線音樂播放器的,現在毫無思路
h5有那個標簽了啊
❸ 響應式web音樂播放器怎麼插入歌詞
響應式web音樂播放器插入歌詞方法：
1.要先准備導入的歌詞文件。注意「音樂播物斗乎放器支持的歌詞是lrc格式」由於編碼原因，從他處直接下載的lrc文件重銷鎮命名後放入歌詞文件夾後顯示亂碼。所以，只好用文本軟體打開lrc文件，復制其中的歌詞內容，新建lrc文件。
2.從音樂播放器搜索【逝去的歌】並試聽，以【旅行團樂隊-逝去的歌】為例，文件夾會自動生成lrc。下載並安裝【ES文件瀏覽器】，將准備好的lrc打開，打開方式選罩悉文本---【ES文本閱讀器】。
3.點擊頁面的右上角的編輯圖標。然後長按屏幕，將歌詞內容全部復制。
4.用ES文件管理器打開手機內存，smartisan→music→lyirc新建文件，文件名為【歌曲名$$歌手名.lrc】。如：【逝去的歌$$旅行團.lrc】
5.新建完成後打開，再點編輯圖標，將第2步復制的歌詞粘貼並保存。保存的換向符選第二個。保存之後就可以正常顯示歌詞啦！
❹ web前端配置文件的格式有哪些
*.pif為DOS環境下的可執行文件在Windows下執行時所需要的文件格式★常見的文件後綴名.ACA：Microsoft的代理使用的角色文檔.acf：系統管理配置.acm：音頻壓縮管理驅動程序,為Windows系統提供各種聲音格式的編碼和解碼功能.aif：聲音文件，支持壓縮，可以使用WindowsMediaPlayer和QuickTimePlayer播放.AIF：音頻文件，使用WindowsMediaPlayer播放.AIFC：音頻文件，使用WindowsMediaPlayer播放.AIFF：音頻文件，使用WindowsMediaPlayer播放.ani：動畫游標文件擴展名，例如動畫沙漏。.ans：ASCII字元圖形動畫文件.arc：一種較早的壓縮文件，可以使用WinZip,WinRAR,PKARC等軟體打開.arj：壓縮文件。可以使用WinZip,WinRAR,PKARC等軟體打開.asf：微軟的媒體播放器支持的視頻流，可以使用WindowsMediaPlayer播放.asp：微軟的視頻流文件，可以使用WindowsMediaPlayer打開.asp：微軟提出的ActiveServerPage,是伺服器端腳本，常用於大型網站開發，支持資料庫連接，類似PHP。可以使用VisualInterDev編寫，是目前的大熱門.asx：WindowsMedia媒體文件的快捷方式.au：是Internet中常用的聲音文件格式，多由Sun工作站創建，可使用軟體WaveformHoldandModify播放。NetscapeNavigator中的LiveAudio也可以播放.au文件.avi：一種使用MicrosoftRIFF規范的Windows多媒體文件格式，用於存儲聲音和移動的圖片.bak：備份文件，一般是被自動或是通過命令創建的輔助文件，它包含某個文件的最近一個版本，並且具有於該文件相同的文件名.basBasic：語言源程序文件，可編譯成可執行文件,目前使用Basic開發系統的是VisualBasic.bat：批處理文件，在MS-DOS中，.bat文件是可執行文件，有一系列命令構成，其中可以包含對其他程序的調用.bbs：電子告示板系統文章信息文件.bfc：Windows的公文包文件.bin：二進制文件，其用途依系統或應用而定.bmp：Bitmap點陣圖文件，這是微軟公司開發Paint的自身格式，可以被多種Windows和WindowsNT平台及許多應用程序支持，支持32位顏色，用於為Windows界面創建圖標的資源文件格式。.c：C語言源程序文件，在C語言編譯程序下編譯使用.cab：Microsoft制訂的壓縮包格式，常用於軟體的安裝程序，使用Windows自帶的實用程序，Extract.exe可以對其解壓縮，WinZip,WinRAR等都支持這種格式.cal：Windows中的日歷文件.cdf：InternetExplorer的頻道文件.cdr：CorelDraw中的一種圖形文件格式，它是所有CorelDraw應用程序中均能夠使用的一種圖形圖像文件格式.cdx：索引文件，存在於Dbase,Foxbase,Foxpro系統軟體環境下.cfg：配置文件，系統或應用軟體用於進行配置自己功能，特性的文件.chm：編譯過後的HTML文件，常用於製作幫助文件和電子文檔.clp：在Windows下剪貼板中的文件格式.cmd：用於WindowsNT/2000的批處理文件，其實與BAT文件功能相同，只是為了與DOS/Windows9x下的BAT有所區別.cmf：音效卡標準的音樂文件，FM合成器等可以回放.cnf：NetMeetting會議連接文件.cnt：聯機幫助文件目錄索引文件，通常和同名的.hlp文件一起保存.col：由AutodeskAnimator,AutodeskAnimatorPor等程序創建的一種調色板文件格式，其中存儲的是調色板中各種項目的RGB值.com：DOS可執行命令文件，一般小於64KB.cpl：控制面板擴展文件，Windows操作系統使用.cpp：C++語言源程序，非常強大的語言，在各種平台中都有相應的開發系統.crd：Windows中的卡片文件.crt：用於安全方面的證書認證文件.cur：Windows下的游標資源文件格式，可用游標編輯軟體編輯.css：Text/css文件.dat：數據文件，在應用程序中使用.dat：VCD中的圖象聲音文件，VCD播放軟體可調用，或是通過VCD機播放.dbf：資料庫文件，Foxbase,Dbase,VisualFoxPro,等資料庫處理系統所產生的資料庫文件.dcx：傳真瀏覽文檔文件.ddi：映象文件，DUP,HD,IMG等工具可.dev：設備驅動程序.dib：設備無關點陣圖文件，這是一種文件格式，其目的是為了保證用某個應用程序創建的點陣圖圖形可以被其它應用程序裝載或顯示一樣.dir：目錄文件.dll：Windows動態連接庫，幾乎無處不在，但有時由於不同版本DLL沖突會造成敗各種各樣的問踢.doc：是目前市場佔有率最高的公室軟體MicrosoftOffice中的字處理軟體Word創建的文檔.dos：Windows保留的MS-DOS的某些系統文件.dot：MicrosoftWord的文檔模板文件，通過模板可以簡化一些常用格式文檔的創建工作,而且可以內嵌VBA程序來實現某些自動化功能.drv：設備驅動程序文件，用在各種系統中.dwg：AutoCAD的圖紙文件，也是許多繪圖軟體都支持的格式，常用於共享數據.dxb：AutoCAD創建的一中圖形文件格式.dxf：圖形交換格式，一種計算機輔助設計的文件格式，最初開發用來與AutoCAD一起使用，以便於圖形文件在應用程序之間的傳遞,它以ASCII方式儲存圖形，在表現圖形的大小方面十分精確.der：Certiticate文件.dic：Txt文件.emf：由Microsoft公司開發的Windows32位擴展圖元文件格式，其總體設計目標是要彌補在MicrosoftWindows3.1(Win16)中用的*.wmf文件格式的不足,使得圖元文件更加易於使用.eps：用PostScript語言描述的一種圖形文件格式，以文本文件保存，在PostScript圖形列印機上能列印出高品質的圖形圖象，最高能表示32點陣圖形圖象.err：編譯錯誤文件，存在於Dbase,Foxbase,Foxpro系列軟體環境下.exe：可執行文件，雖然後綴名相同，但具有不同的格式和版本.exp：3DS使用的顯示卡驅動程序.exc：Txt文件.flc：AutodeskAnimator和Animatorpro的動畫文件，支持256色，最大的圖象象索是64000*64000,支持壓縮，廣泛用於動畫圖形中的動畫序列，計算機輔助設計和計算機游戲應用程序.fnd：保存的搜索結果.fon：點陣字型檔文件.for：Fortran語言程序.fot：指向字體的快捷鍵.fp：配置文件，存在於Dbase,Foxbase,Foxpro系列軟體的環境下.fpt：備注欄位文件，存在於Dbase,Foxbase,Foxpro系列軟體的環境下.frt：報表文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下.frx：報表文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下.fxp：編譯後的程序，存在於Dbase,Foxbase,Foxpro系列軟體的環境下.gif：在各種平台的各種圖形處理軟體上均能夠處理的，經過壓縮的一種圖形文件格式.grh：方正公司的圖象排版文件.grp：Windows下的程序管理器產生的組窗口文件.goc：Gocserve.gra：MSGraph.Chart.5.h：C語言源程序頭文件.hlp：Windows應用程序幫助文件.hqx：Macintosh中使用BinHex將二進制文件編碼為7位的文本文件，大多數Macintosh文件皆以.hqx出現(.bin極少使用)，在Macintosh中,可使用StuffItExpander對.hqx解碼，在Windows中可使用BinHex13解碼.ht：超級終端.htm：保存超文本描述語言的文本文件，用於描述各種各樣的網頁，使用各種瀏覽器打開.html：同.htm文件.icm：圖象配色描述文件.ico：Windows中的圖標文件，可以包含同一個圖標的多種格式，使用圖標編輯軟體創建.idf：MIDI樂器定義.idx：索引文件，存在於Dbase,Foxbase,Foxpro系列軟體的環境下.iff：文件交換格式文件，這種文件格式多用於Amiga平台,在這種平台上它幾乎可以存儲各種類型的數據，在其它平台上，IFF文件格式多用於存儲圖象和聲音文件.image：MAcintosh磁碟映象文件，常見於萍果機的FTP網點，在Macintosh中由ShrinkWrap處理.ime：Windows下的輸入法文件.img：磁碟映象文件，用HD-COPY,WinImage等工具打開後可以恢復到一張磁碟上.inc：匯編語言包含文件，類似C/C++中的.H文件.inf：Windows下的軟體安裝信息，Windows的標准安裝程序根據此文件內的安裝信息對軟體，驅動程序等進行安裝.ini：Windows中的初始化信息文件,已經用的不多了，新的應用程序將設置保存在系統的注冊表中.jar：一種壓縮文件，ARJ的新版本，不過不太流行，可以使用WinJar,Winrar等打開.jpeg：一種圖片壓縮文件,同.jpg.jpg：靜態圖象專家組制訂的靜態圖象壓縮標准，具有很高的壓縮比，使用非常廣泛，可使用PhotoShop等圖象處理軟體創建.lnk：快捷方式，這個文件指向另一個文件，開始菜單的程序文件夾下每條項目都是一個LNK文件.log：日誌文件,通常用來記錄一些事件之類.lzh：一種古老的壓縮文件，可以使用WinRAR打開.mac：Macintosh中使用的一中灰度圖形文件格式，在MacintoshPaintbrush中使用，其解析度只能是720*567.mag：圖形文件格式.mdb：MicrosoftAccess使用的資料庫格式，是非常流行的桌面資料庫.men：內存應用文件,存在於Dbase,Foxbase,Foxpro系列軟體的環境下.mid：音頻壓縮文件，曾經非常流行，不過在現在的軟體中用的很少了rle：一種壓縮過的點陣圖文件格式，RLE壓縮方案是一種極其成熟的壓縮方案，特點是無損失壓縮，既節省了磁碟空間又不損失任何圖像數據，但在打開這種壓縮文件時，要花費時間，此外，一些兼容性不太好的應用程序可能會搭不開.rm：Windows下的RealPlayer所支持的視頻壓縮文件，網上非常流行的流式視頻文件，很多實時視頻新聞等都是採用這種格式的，不過，最新的WindowsMediaVideoV8已經對其發起了強大的攻勢.rmi：MIDI音序文件.rtf：豐富文本格式文件，以純文本描述內容，能夠保存各種格式信息，可以用寫字版，Word等創建.sav：存檔文件.scp：用於Windows系統中Internet撥號用戶，自動撥號登錄用的腳本文件，可避免手動登錄時繁瑣的鍵盤輸入.scr：屏障保護文件.sct：屏幕文件.scx：屏幕文件.set：Microsoft備份集文件，用於保存要備份的內容，設置等信息.shb：指向一個文檔的快捷方式.snd：Mac聲音文件,Apple計算機公司開發的聲音文件格式，被Macintosh平台和多種Macintosh應用程序所支持，支持某些壓縮.sql：查詢文件，在Dbase,Foxbase,Foxpro系列軟體的環境下使用.svg：SVG可以算是目前最火熱的圖像文件格式了，它是基於XML由WorldWideWebConsortium聯盟開發的，SVG是可縮放的矢量圖形.svx：Amiga聲音文件，Commodore所開發的聲音文件格式，被Amiga平台和應用程序所支持，不支持壓縮.swf：flash是Micromedia公司的產品，嚴格說它是一種動畫編輯軟體，實際上它是製作出一種後綴名為.swf的動畫，這種格式的動畫能用比較小的體積來表現豐富的多媒體形式，並且還可以與HTML文件達到一種"水乳交融"的境界.swg：虛擬內存交換文件，由操作系統使用.sys：系統文件，驅動程序等，在不同的操作系統中有不同的定義
❺ 求一網頁MP3播放器代碼
<html>
<head>
<title>aboutplayer</title>
<style>
body {
overflow:auto;
font-size:12px;
cursor:default;
background-color: #977E4A;
}
#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:23px;
left: -1px;
}
#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;
}
.style1 {
color: #006699;
font-weight: bold;
}
.style2 {font-size: 12px}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style4 {font-size: 12px; color: #FFFF33; }
.style7 {font-family: "Times New Roman", Times, serif}
</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_keyDown(){
if(event.keyCode==46){
try{
playList.options[playList.options.selectedIndex].outerHTML="";
}catch(e){}
return(false);
}
if(event.keyCode==13){
playList_dblClick();
return(false);
}
}
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);
}
function checkPlayStatus(oldState,newState){
try{
if(MediaPlayer1.PlayState==0){
MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus);
MediaPlayer1.stop();
if(playList.options.selectedIndex<playList.options.length-1){
playList.options[playList.options.selectedIndex+1].selected=true;
}else{
playList.options[0].selected=true;
}
MediaPlayer1.fileName=playList.value;
MediaPlayer1.play();
setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000);
}
}catch(e){}
}
</script>
<script>
function doFull()
{
var objId = "MediaPlayer1";
var funcStr = objId + ".displaySize = 3";
eval(funcStr);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><body onload="init();">
<table id=table01>
<tr>
<td>
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="-1">
<!--是否自動調整播放大小-->
<param name="AutoStart" value="0">
<!--是否自動播放-->
<param name="AnimationAtStart" value="-1">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<!--左右聲道平衡,最左-9640,最右9640-->
<param name="BaseURL" value>
<param name="BufferingTime" value="15">
<!--緩沖時間-->
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="0">
<!--當前播放進度 -1 表示不變,0表示開頭 單位是秒,比如10表示從第10秒處開始播放,值必須是-1.0或大於等於0-->
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<!--視頻1-50%, 0-100%, 2-200%,3-全屏 其它的值作0處理,小數則採用四捨五入然後按前的處理-->
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="1">
<!-是否用右鍵彈出菜單控制-->
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="-1">
<param name="EnableTracker" value="-1">
<!--是否允許拉動播放進度條到任意地方播放-->
<param name="Filename" value="" valuetype="ref">
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<!--是否靜音-->
<param name="PlayCount" value="10">
<!--重復播放次數,0為始終重復-->
<param name="PreviewMode" value="-1">
<param name="Rate" value="1">
<!--播放速度1.0-2.0倍的速度播放-->
<param name="SAMILang" value>
<param name="SAMIStyle" value>
<param name="SAMIFileName" value>
<!--選擇同時播放(伴音)的歌曲-->
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<!--是否顯示字幕,為一塊黑色,下面會有一大塊黑色,一般不顯示-->
<param name="ShowControls" value="-1">
<!--是否顯示控制,比如播放,停止,暫停-->
<param name="ShowAudioControls" value="-1">
<!--是否顯示音量控制-->
<param name="ShowDisplay" value="0">
<!--顯示節目信息,比如版權等-->
<param name="ShowGotoBar" value="0">
<!--一條框,在下面,有往下箭頭-->
<param name="ShowPositionControls" value="-1">
<!--是否顯示往前往後及列表,如果顯示一般也都是灰色不可控制-->
<param name="ShowStatusBar" value="-1">
<!--當前播放信息,顯示是否正在播放,及總播放時間和當前播放到的時間-->
<param name="ShowTracker" value="-1">
<!--是否顯示當前播放跟蹤條,即當前的播放進度條-->
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<!--顯示部的寬部,如果小於視頻寬,則最小為視頻寬,或者加大到指定值,並自動加大高度.此改變只改變四周的黑框大小,不改變視頻大小-->
<param name="VideoBorderColor" value="0">
<!--顯示黑色框的顏色, 為RGB值,比如ffff00為黃色-->
<param name="VideoBorder3D" value="0">
<param name="Volume" value="0">
<!--音量大小,負值表示是當前音量的減值,值自動會取絕對值,最大為0,最小為-9640,最大0-->
<param name="WindowlessVideo" value="0">
<embed src="-1" width="286" height="225" autostart="0" audiostream="-1" autosize="-1" animationatstart="-1" allowscan="-1" allowchangedisplaysize="-1" autorewind="0" balance="0" baseurl="value" bufferingtime="15" captioningid="value" clicktoplay="-1" cursortype="0" currentposition="0" currentmarker="0" defaultframe="value" displaybackcolor="0" displayforecolor="16777215" displaymode="0" displaysize="0" enabled="-1" enablecontextmenu="-1" enablepositioncontrols="-1" enablefullscreencontrols="-1" enabletracker="-1" filename="" invokeurls="-1" language="-1" mute="0" playcount="10" previewmode="-1" rate="1" samilang="value" samistyle="value" samifilename="value" selectionstart="-1" selectionend="-1" sendopenstatechangeevents="-1" sendwarningevents="-1" senderrorevents="-1" sendkeyboardevents="0" sendmouseclickevents="0" sendmousemoveevents="0" sendplaystatechangeevents="-1" showcaptioning="0" showcontrols="-1" showaudiocontrols="-1" showdisplay="0" showgotobar="0" showpositioncontrols="-1" showstatusbar="-1" showtracker="-1" transparentatstart="-1" videoborderwidth="0" videobordercolor="0" videoborder3d="0" volume="0" windowlessvideo="0"></embed>
<!--如果是0可以允許全屏,否則只能在窗口中查看-->
</object>
</td>
<td>
<div id=playListTitle>Play List:</div>
<select id=playList size=2 ondragover="playList_dragOver();" ondragenter="playList_dragEnter();"
ondrop="playList_drop();" onkeydown="playList_keyDown();" ondblclick="playList_dblClick();">
</select>
</td>
</tr>
</table>
<script language="JavaScript1.2">
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}
function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}
function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
//drag drop function for IE 4+////
/////////////////////////////////
var dragapproved=false
function drag_dropie(){
if (dragapproved==true){
document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
document.all.showimage.style.pixelTop=tempy+event.clientY-iey
return false
}
}
function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.onmousemove=drag_dropie
}
if (document.all){
document.onmouseup=new Function("dragapproved=false")
}
////drag drop functions end here//////
function hidebox(){
if (document.all)
showimage.style.visibility="hidden"
else if (document.layers)
document.showimage.visibility="hide"
}
</script>
<div id="showimage" style="position:absolute; width:500px; left:465px; top:18px; height: 0px;">
<table border="0" width="199" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
height="36">
<tr>
<td width="100%" bgcolor="#C6FFC6" style="padding:4px" onMousedown="initializedragie()"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0" class="style1">
<div align="left" class="style2">
<div align="center">用滑鼠按著我拖拖看<span class="style7">^o^</span></div>
</div>
</layer>
</ilayer></td>
<td bgcolor="#00CCFF" style="cursor:hand"><strong><a href="#" onClick="hidebox();return false">×</a></strong></td>
</tr>
<tr>
<td width="100%" style="padding:4px" colspan="2"><p> </p>
<div id=musicList ondragstart="musicList_dragStart();">
<div class="style2" id=musicListTitle>All Music</div>
<span class="style2"><a href="http://www.gyvnet.com/music_new/web/user/usermusic/2947/2005030813201579754.mp3" onclick="addMusic();">麻吉弟弟 甜蜜蜜</a><br>
<a href="http://www.gyvnet.com/music_new/web/user/usermusic/2308/2005063004283371564.mp3" onclick="addMusic();">第一滴淚 - 動力火車</a><br>
<a href="http://211.90.238.134/blog/upload/music/half.sugar.wma" onclick="addMusic();">半糖主義 - SHE</a><br>
<a href="http://web.163.sh.cn/~kkyhm/music/3.wma" onclick="addMusic();">發如雪 - 周傑倫</a></span><br>
<hr>
<span class="style4">Tips: 把歌曲拖入播放列表<br>
</span>
<input type="button" class="style2" onclick="doFull();" value="全屏/ESC返回">
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id=info></div>
<body>
</html>
各種網頁播放器代碼大全http://www.webjx.com/htmldata/2005-03-02/1109746478.html
❻ PC作為前端和MP3有什麼區別推力不夠嗎加個耳放可以嗎 不出街，不想再入前端。用PC可以嗎
pc比一些國磚類播放器作為前端就是方便點。推小鬍子的話沒什麼問題。900x的話就差點，推的不是太特別好。而且一般pc的板載音效卡都很渣。比起外置解碼還是離幾條街的。
建議上好點的外置音效卡（如創新一類）+低阻的耳放（比如：AT-F100）。或者是一體機（谷津u2一類）。
具體的放或者音效卡。又或者一體機這個是根據你的預算和風格來定。希望能幫到你。
❼ 基於web前端的音樂小程序的研究目的
學會使用。
目的鋒旁就是鍛煉和鞏虧擾固了學習的網站開發語言jsp，意義就是學會了這種語言的實際應用銀空橡。
開發工具基於Web的系統開發工具應使開發者使用各種各樣的技術來創建動態的，Web應用程序，並且應是一個可視化的工具。