音乐换页连续我是用框架做的，网上查了很多，但是试过都没法实现，AJAX也以如果试着可以实现，再写文章吧

用框架应该是最简单的，改一个页面就可以了，开始我以为每个页都要改，下面是步骤：

先做出一个空页text.html来当框架页，代码程上： 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>网站名称</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
frameset { 
 margin:0px;
 padding:0px;
 border:0px;
 background-color:buttonface;
}
</style>
<SCRIPT language=JavaScript>
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
</SCRIPT>
</head>

<frameset rows="0,*" frameborder="0" framespacing="0" name="abc"> 
<frame src="music.htm" name="pamp" scrolling="NO" noresize > 
<frame src="index.html" name="main" scrolling="YES"> 
</frameset><META HTTP-EQUIV="refresh" CONTENT="0; URL=你的浏览器不支持框架"></noframes>
<body>

</body>
</html>

 其中：name="abc">为框架名，name="pamp"为子窗口名，index.html是网站的默认主页，这三个是必要的。

记着创建一个音乐播放器页 music.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
<body>
<EMBED style="FILTER: Xray" src="mp3/hunli.mp3" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0"></EMBED>
</body>
</html>

 

 

在Index页面控制播放器的播放与停止,代码上：

<script type="text/javascript">  
 function ChangeFrames(obj){  
    if (obj==0){
      var fs = top.document.getElementById("abc");
      fs.rows = "8,*";FrameTop=true;
     }
     else
  {
   var fs = top.document.getElementById("abc");
   fs.rows = "0,*";FrameTop=false;
  }
  }
</script>

//注意名称
<a class="sideA" onclick="javascript:ChangeFrames(0);" href="music.htm" target="pamp" >打开播放器</span></a>
<a class="sideA" onclick="javascript:ChangeFrames(1);" href="_self" target="pamp" >关闭播放器</span></a>

 上面的代码通过动态修改框架的大小和框架页的内容来实现音乐播放器的动态开关。

 

最后上一个好看的MP3播放器

<EMBED SRC="音乐文件地址">
属性有：

SRC="FILENAME" 设定音乐文件的路径 
AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE 
LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。 
STARTIME="分:秒" 设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20 
VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。 
WIDTH HEIGHT 设定控制面板的大小 
HIDDEN=TRUE 隐藏控制面板 
CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子 
例：
*************************************

<html>
<head>
<title>播放音乐</title>
</head>

<body>
  <EMBED SRC="midi.mid" autostart=true hidden=true loop=true>

  作为背景音乐来播放。
</body>
</html>

 

 

OK