请教css实现标签效果时出现的问题
不知道改页是不是能不用转到别页就能实现各个项目class="selectedtab"属性的变化
<STYLE>
<!--
#container
{
width: 500px;
padding: 30px;
border: 1px solid #ccc;
background: #fff;
}
#beautytab
{
height: 20px;
margin: 0;
padding-left: 10px;
background: url('/Upload/editor/bottom.gif') repeat-x bottom;
}
#beautytab li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#beautytab a:link, #beautytab a:visited
{
float: left;
background: #f3f3f3;
font-size: 12px;
line-height: 14px;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin-right: 4px;
border: 1px solid #ccc;
text-decoration: none;
color: #666;
}
#beautytab a:link.selectedtab, #beautytab a:visited.selectedtab
{
border-bottom: 1px solid #fff;
background: #fff;
color: #000;
}
#beautytab a:hover
{
background: #fff;
}
-->
</STYLE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<div id="container">
<ul id="beautytab">
<li><a href="#" class="selectedtab">标签卡一</a></li>
<li><a href="#">标签卡二</a></li>
<li><a href="#">标签卡三</a></li>
<li><a href="#">标签卡四</a></li>
</ul>
</div>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 51px; top: 67px;">div1<img src="1.gif" width="320" height="240"></div>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 53px; top: 68px;">div2<img src="2.gif" width="320" height="240"></div>
</body>
</html>