<!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>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<STYLE TYPE="text/css">
.contTab1 ul.more li {float:left; width:166px; height:25px; line-height:25px; font-weight:bold; background:url(tag5.gif) no-repeat; cursor:pointer;}
.contTab1 {width:960px; margin:0 auto; clear:both;font-size:12px; overflow:hidden; background:url(dotGray.gif) repeat-x bottom;}
.contTab1 ul {padding-left:18px;}
.contTab1 li {float:left; width:110px; height:25px; line-height:25px;text-align:center; font-weight:bold; background:url(tag2.gif) no-repeat; cursor:pointer;}
.contTab1 li.active {background-image:url(tag1.gif); color:#BC2931;}
.contTab1 li a:link {color:#000000;}
.contTab1 li a:hover {color:#ffaaaa;}
.contTab1 li a:active {color:#000000;}
.contTab1 li a:visited {color:#1F3A87;text-decoration:none;}
</STYLE>
</head>
<body>
<div class="contTab1">
<ul>
<li id="sort1"><a href="javascript:sort('sort1');" target="_self">按机型新旧</a></li>
<li id="sort2"><a href="javascript:sort('sort2');" target="_self">按价格从低到高</a></li>
<li id="sort3"><a href="javascript:sort('sort3');" target="_self">按价格从高到低</a></li>
<li id="sort4"><a href="javascript:sort('sort4');" target="_self">按重量轻重</a></li>
</ul>
</div>
<script language="javascript">
function sort(sort)
{
var sorts=document.getElementsByTagName("li");
for (i=0;i<sorts.length ;i++ )
{
//alert(sorts[i].id)
if(sorts[i].id==sort)
{
sorts[i].className="active";
}
else
{
sorts[i].className="";
}
}
}
//sort2.className="active";
</script>
</body>
</html>
C# 标签切换代码,经典样式
4星 · 超过85%的资源 需积分: 14 89 浏览量
2009-11-17
15:58:04
上传
评论
收藏 7KB RAR 举报 
.rar （8个子文件） 
contTab 
tag2.gif 460B tag4.gif 959B dotGray.gif 43B
digi_data.css 15KB tag1.gif 199B tag3.gif 135B tag5.gif 476B
contTab.html 2KB资源评论
wyg0913oo12012-08-23还可以，就是有点简单- lj51121912014-05-09不错啊，是有点简单
- a416692013-05-24不是工程 有些css 和 标签图片，不知道干嘛的
