2012-04-27 176 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>