1.页面不刷新时:
(jquery)
$('.nav li').click(function () {
alert("111");
$(this).addClass('actived').siblings().removeClass('actived');
});
<div class="nav">
<ul>
<li class="actived">
<a href="#">
<img src="images/icon1.png"/><br />
分类1
</a>
</li>
<li>
<a href="#">
<img src="images/icon2.png"/><br />
分类2
</a>
</li>
<li>
<a href="#">
<img src="images/icon3.png"/><br />
分类3
</a>
</li>
<li>
<a href="#">
<img src="images/icon4.png"/><br />
分类4
</a>
</li>
<li>
<a href="#">
<img src="images/icon5.png"/><br />
分类5
</a>
</li>
</ul>
</div>
2.页面刷新时:
(.net)
public string iurl;
iurl= Request.Url.ToString();
判断网址是否包括当前网址,如果包含设置class为actived
<div class="foot">
<ul>
<li class="<%=iurl.Contains("index")?"actived":"" %>"">
<a href="index.aspx">
<img src="images/icon1.png"/><br />
首页
</a>
</li>
<li class="<%=iurl.Contains("come")?"actived":"" %>">
<a href="come.aspx">
<img src="images/icon2.png"/><br />
我们
</a>
</li>
<li class="<%=iurl.Contains("news")?"actived":"" %>">
<a href="news.aspx">
<img src="images/icon3.png"/><br />
新闻
</a>
</li>
<li class="<%=iurl.Contains("join")?"actived":"" %>">
<a href="join.aspx">
<img src="images/icon4.png"/><br />
入会
</a>
</li>
<li class="<%=iurl.Contains("contact")?"actived":"" %>">
<a href="contact.aspx">
<img src="images/icon5.png"/><br />
联系
</a>
</li>
</ul>
</div>