让我试着让自己清楚:我有一个菜单,当你点击一个链接时,它跳转到同一页面的内容。换句话说,它只是一个锚定到内容的链接。 点击链接后,我可以改变内容的h1标签的颜色吗?如何更改作为锚点的div的颜色?
我也想到了解决的方式不一样,但我不是很确定:我可以改变取决于它的位置,你向下滚动页面的H1标签的颜色?
干杯!
让我试着让自己清楚:我有一个菜单,当你点击一个链接时,它跳转到同一页面的内容。换句话说,它只是一个锚定到内容的链接。 点击链接后,我可以改变内容的h1标签的颜色吗?如何更改作为锚点的div的颜色?
我也想到了解决的方式不一样,但我不是很确定:我可以改变取决于它的位置,你向下滚动页面的H1标签的颜色?
干杯!
简单:在CSS目标伪选择:
h1:target {color: red;}
的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>
这两种情况都可能与一些JavaScript。一个CSS唯一的解决方案是使用':target'伪选择器,但是这个选择器的支持在IE中尤其受到限制。 – Jrod 2012-04-27 14:57:47