2012-02-19 14 views
1

我創造了這個頁面:http://ikwebdesigner.com/special-characters/如何讓我的重點環節,以保留高亮

當你點擊頂部導航,它需要你在同一頁內的地方。我需要導航鏈接保持突出顯示,直到我點擊頂部的導航中的另一個鏈接。我已經知道CSS :焦點。但是當我點擊其他地方時,焦點風格會消失。

我搜索這個網站和谷歌在過去的幾個月中,所有我得到的是當前鏈接突出的外部網頁。我已經知道如何使用PHP來做到這一點。我不知道該怎麼做是讓一個頁面上的活動鏈接在點擊後保持突出顯示。

我需要一些東西,可能是jQuery,它會添加一個.active類,這樣我可以設計它。並且該鏈接應保持該顏色,直到我點擊同一組中的另一個鏈接。

我已經看到了這個在幾個網站做的,我打開代碼,並試圖複製它,但它並沒有爲我工作。我想知道是否有人可以幫助我。如果

獎勵積分高亮/活動鏈接可以根據不同的部分我是將是一個真棒加以及改變。我也看到了。

我用了很多的jQuery的,因此,或許一些jQuery中是最好的。提前致謝。然而,我不知道jquery或javascript。我不知道該怎麼寫。我通常只是找到可以工作的代碼/教程。在這種情況下,我無法找到像這樣的東西。

+0

你似乎已經知道答案就在於應用類到選定的元素。那麼問題是什麼? – j08691 2012-02-19 02:34:07

+0

我不知道jquery或javascript。我不知道該怎麼寫。我通常只是找到可以工作的代碼/教程。在這種情況下,我無法找到像這樣的東西。 – 2012-02-19 03:35:33

回答

0

我看到你有一個頁面,你用錨點來穿過它。現在有一個帶有突出顯示的活動部分的菜單就是你想要的,只要我能幫助你。

你可以用jquery以各種方式做到這一點。

辦法之一是記錄在一個隱藏字段選擇的指數,並更改每個點擊的價值。然後檢查隱藏字段的值,並在每次菜單點擊或頁面加載時將樣式應用到菜單項,但是要處理該項。

這使我想起了另一種選擇是檢查每一個變化的URL路徑。從中獲取錨點ID並將樣式應用於具有與其對應的ID的元素。

希望這給你一個想法。

+0

我不知道jquery或javascript。我不知道該怎麼寫。我通常只是找到可以工作的代碼/教程。在這種情況下,我無法找到像這樣的東西。 – 2012-02-19 03:37:13

2

我找到了我在這裏找的東西。這正是我所需要的: 這裏有一個更好的解釋:http://lineswritten.co.uk/newsite/tips/jquery-how-to-highlight-an-active-anchor-tag-on-a-one-page-website/

您可以將錨標記更改爲您喜歡的任何類或元素。

<script> 
$(function() { 
$(".somelink a").click(function (e) { 
e.preventDefault(); 
$(".somelink a").addClass("active").not(this).removeClass("active"); 
}); 
}); 
</script> 

的HTML

<ul class="somelink"> 
<li><a href="#">Sample Anchor</a></li> 
<li><a href="#">Sample Anchor</a></li> 
</ul> 

它這樣做是對HTML:

的CSS:

.active { background-color: #ffffcc}