讓我試着讓自己清楚:我有一個菜單,當你點擊一個鏈接時,它跳轉到同一頁面的內容。換句話說,它只是一個錨定到內容的鏈接。 點擊鏈接後,我可以改變內容的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