自己写的一个简单的blogger音乐播放模块儿

小功能：1、点击每首歌曲名称时自动播放相应的歌曲
2、点击"我的音乐"时，关闭正在播放的音乐，同时关闭控件显示功能

代码如下：

<!-- Begin music.box -->
<div class="box"><div class="box2"><div class="box3">
<script language="JavaScript" type="text/javascript">
function play(val)
{
document.getElementById("music").style.display="none";
document.getElementById("music").style.display="";
document.getElementById ("player").src=val;
}
function stop()
{
document.getElementById("player").src="";
document.getElementById('music').style.display='none';
}
</script>

<h2 class="sidebar-title" onClick="return stop()">我的音乐</h2>
<!-- Start of music Badge -->
<table width="100%" border="0">
<tr>
<td><div id="list1" style="cursor:pointer" onclick="return play(' http://wujihai.googlepages.com/flower.html">那些花儿</div></td>
</tr>
<tr>
<td><div id="list2" style="cursor:pointer" onclick="return play(' http://wujihai.googlepages.com/loveyou.html">我爱你,亲爱的姑娘</div></td>
</tr>
<tr>
<td><div id="list3" style="cursor:pointer" onclick="return play(' http://wujihai.googlepages.com/wuding.html">屋顶</div></td>
</tr>
<tr>
<td><div id="list4" style="cursor:pointer" onclick="return play(' http://wujihai.googlepages.com/miss.html">思念谁</div></td>
</tr>
<tr>
<td><div id="list5" style="cursor:pointer" onclick="return play(' http://wujihai.googlepages.com/tonghua.html">童话</div></td>
</tr>
<tr>
<td><div id="list6" style="cursor:pointer" onclick="return play(' http://wujihai.googlepages.com/goodpartner.html">好搭档是很重要的^_^</div></td>
</tr>
</table>
<div id="music" style="display:none">
<iframe id="player" src="" frameborder="0" scrolling="no" width="212px" height="250" ></iframe>
</div>
<!-- End of music Badge -->

</div></div></div>
<!-- End music.box -->
--
小蚂蚁也有理想--IT蚂蚁工作室
www.ItMaYi.com
www.ItMaYi.cn