<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title></title>
<style type="text/css">
body
{
font-family: arial, 宋体, serif;
font-size:14px;
top: 0px;
left: 0px;
}
#nav {
line-height: 32px;
list-style-type: none;
width: 520px;
}
#nav a {
display: block; width: 85px; text-align:center;
}
#nav a:link {
text-decoration:none;
}
#nav a:visited {
text-decoration:none;
}
#nav a:hover {
text-decoration:none;font-weight:bold;
}
#nav li {
float: left; width: 85px;
}
#nav li ul {
line-height: 32px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#nav li ul a:hover {
text-decoration:none;font-weight:lighter;
}
#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#content {
clear: left;
}
</style>
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#nav li').click(function () {
$('#nav li ul').slideToggle('medium');
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="content">
<ul id="nav">
<li> <a>歌曲</a>
<ul>
<li><a>华语</a></li>
<li><a>英文</a></li>
<li><a>粤语</a></li>
<li><a>嘻哈</a></li>
<li><a>摇滚</a></li>
</ul>
</li>
<li> <a>电影</a>
<ul>
<li><a>喜剧</a></li>
<li><a>动作</a></li>
<li><a>枪战</a></li>
<li><a>惊悚</a></li>
<li><a>恐怖</a></li>
</ul>
</li>
<li> <a>电视剧</a>
<ul>
<li><a>苦情</a></li>
<li><a>爱情</a></li>
<li><a>亲情</a></li>
<li><a>喜剧</a></li>
<li><a>室内</a></li>
</ul>
</li>
<li> <a>动漫</a>
<ul>
<li><a>热血</a></li>
<li><a>冒险</a></li>
<li><a>萌系</a></li>
<li><a>搞笑</a></li>
<li><a>青春</a></li>
</ul>
</li>
<li> <a>纪录片</a>
<ul>
<li><a>自然</a></li>
<li><a>社会</a></li>
<li><a>军事</a></li>
<li><a>人物</a></li>
<li><a>文化</a></li>
</ul>
</li>
<li> <a>综艺</a>
<ul>
<li><a>播报</a></li>
<li><a>访谈</a></li>
<li><a>游戏</a></li>
<li><a>选秀</a></li>
<li><a>时尚</a></li>
</ul>
</li>
</ul>
</div>
</form>
</body>
</html>