<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<style type="text/css">
.tabs
{
list-style: none;
padding: 0;
margin: 0px;
border-bottom: 1px solid silver;
width: 619px;
border-top:0px solid silver;
}
.tabs li
{
float: left;
background: #e0e0e0;
border: 1px solid silver;
border-left: none;
margin: 0px;
}
ul.tabs li a
{
text-decoration: none;
padding: 0 20px;
}
a
{
display: block;
color:Black;
}
.active
{
background-color: White;
border-bottom: 1px solid #fff;
}
.tab_container
{
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
height: 500px;
float: left;
clear: both;
width: 841px;
}
a:hover
{
background-color: White;
color:Red;
}
a:visited
{
color: Black;
}
</style>
<script src="Js/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Js/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li").eq(0).addClass("active");
$(".tab_content").eq(0).show();
$(".tabs li").click(function() {
$(".tabs li").removeClass("active");
$(".tab_content").hide();
$(this).addClass("active");
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn("slow");
});
});
</script>
</head>
<body>
<form >
Cotent7
</div>
</div>
</div>
</form>
</body>
</html>