2012-04-27 97 views
0

让我试着让自己清楚:我有一个菜单,当你点击一个链接时,它跳转到同一页面的内容。换句话说,它只是一个锚定到内容的链接。 点击链接后,我可以改变内容的h1标签的颜色吗?如何更改作为锚点的div的颜色?

我也想到了解决的方式不一样,但我不是很确定:我可以改变取决于它的位置,你向下滚动页面的H1标签的颜色?

干杯!

+0

这两种情况都可能与一些JavaScript。一个CSS唯一的解决方案是使用':target'伪选择器,但是这个选择器的支持在IE中尤其受到限制。 – Jrod 2012-04-27 14:57:47

回答

2

简单:在CSS目标伪选择:

h1:target {color: red;} 
0

的CSS3:目标伪选择会做你想做的,但如果浏览器的支持是一个问题,你可以做这样的事情:

jQuery的

$('nav li a').click(function (e) { 
    var targ = $(this).attr('href'); 
    $('html, body').scrollTop($("'" + targ + "'").offset()); 
    $("'" + targ + "'").css('color','red'); 
    e.preventDefault(); 
}); 

HTML:

<nav> 
    <ul> 
     <li><a href="#someElement">Click here!</a></li> 
    </ul> 
</nav>