<!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">
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=gbk" pageEncoding="gbk"%>
<head>
<!--<script>
function inner()
{
var theDiv=document.getElementById("div1_15");
theDiv.innerHTML=document.getElementById("exobud2.htm").value;
}
</script>
-->
<script src="clientSideInclude.js" language="JavaScript"> </script>
</head>
<style>
body
{
text-align:center;
}
.tab
{
width:860px;
height:416px;
margin:0 auto;
overflow:hidden;
border:1px solid #cccccc;
}
.menu,.menu li
{
margin:0;
padding:0;
height:24px;
list-style:none;
overflow:hidden;
text-align:center;
}
.menu
{
border-bottom:1px solid #cccccc;
}
.menu .default
{
width:168px;
float:left;
font-size:10pt;
line-height:1.5;
margin-left:1px;
cursor:pointer;
background:url('20070905212648_01.jpg') no-repeat;
}
.menu .active
{
width:168px;
float:left;
font-size:10pt;
line-height:1.5;
margin-left:1px;
cursor:pointer;
font-weight:bold;
color:#FFFFFF;
background:url('20070905212705_02.jpg') no-repeat;
}
.con
{
width:422px;
height:168px;
margin:0 auto;
}
.STYLE5 {color: #CCCCCC}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.STYLE7 {
color: #9900FF;
font-family: "Courier New", Courier, monospace;
}
.STYLE8 {
color: #FF0000;
font-family: "Courier New", Courier, monospace;
}
.STYLE10 {
color: #00CCFF;
font-family: "Courier New", Courier, monospace;
}
.STYLE11 {color: #999999}
.STYLE12 {
font-family: "宋体";
font-size: 13px;
}
#Layer1 {
position:absolute;
width:253px;
height:29px;
z-index:1;
left: 674px;
top: 23px;
}
.STYLE13 {font-family: Arial, Helvetica, sans-serif}
.STYLE16 {color: #999999; font-size: 14px; }
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body onload="clientSideInclude('includePlayer','exobud2.htm');">
<h1>
<script>
function init(ids,cons,dis){
document.getElementById(ids).getElementsByTagName('li')[0].className='active';
document.getElementById(cons).innerHTML=document.getElementById(dis+"l1").innerHTML;
// document.getElementById(ids).onmouseover=function(){onmousOver(ids,cons,dis);}//鼠标指向激发效果
document.getElementById(ids).onclick=function(){onmousOver(ids,cons,dis);}//点击激发效果
}
function onmousOver(ids,cons,dis){
o = o || window.event;
var obj=o.target || o.srcElement;
if (obj.tagName=='LI'){
if (obj.className=='active'||obj.id=='more')return;
var o=document.getElementById(ids).getElementsByTagName('li');
for (var i=0;i<=o.length-1;i++){o[i].className='default'}
obj.className='active';
if (obj.className=='active'){document.getElementById(cons).innerHTML=document.getElementById(dis+obj.id).innerHTML;}
}
}
</script>
<!--#1-->
<span class="STYLE5"><span class="STYLE7">J</span><span class="STYLE8">R</span><span class="STYLE10">L</span><span class="STYLE11">音乐点播系统</span></span></h1>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p align="right"><span class="STYLE12"><param name="sjtuerId" value="username"/> | <a href="favorite.html">我的收藏</a>
| <a href="mycomment.html">我的评论|</a> <a href="logout.do">退出</a></span></p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<div align="center">
<!--
<input name="textarea" type="text" value="" />
<label></label>
<span class="STYLE13">
<input type="submit" name="Submit" value="搜索" />
-->
<s:form action="searchmusic" theme="simple">
<s:textfield name="key"></s:textfield>
<s:submit value="搜索"></s:submit>
<a href="search.html" class="STYLE16">高级 </a>
</s:form>
</span></div>
<div class='tab'>
<ul id='nav1' class='menu'>
<li id="l1" class='default'>今日推荐</li>
<li id="l2" class='default'>最新歌曲</li>
<li id="l3" class='default'>搜索排行</li>
<li id="l4" class='default'>你可能喜欢的</li>
<li id="15" class='default'>默认播放列表</li>
</ul>
<div class='con' id='con1'>
</div>
</div>
<div style="display:none">
<div id="div1_l1">
<span>根据评分向您推荐</span>
</div>
<div id="div1_l2">
<span>最新歌曲给您最新的试听</span>
</div>
<div id="div1_l3">
<span>搜索热门排行</span>
</div>
<div id="div1_l4">
<span>根据您的口味猜测</span>
</div>
<div id="div1-15">
<span>默认播放列表</span>
<span id="includePlayer"> </span>
</div>
</div>
<script>
init('nav1','con1',"div1_");
</script>
</body>
</html>