當href處於活動狀態時更改圖片

我可能是以錯誤的方式做到這一點的。我製作了一個帶有4個圖像的導航欄，鏈接到其他頁面。導航欄在每個頁面上都應該是。我可以將鼠標懸停在圖片上以更改來源，但如果我在特定頁面上，我也想更改來源。當href處於活動狀態時更改圖片

例如，當我點擊「購物車」時，我的網站將我導航到該頁面，導航欄看起來完全相同。我想要我點擊的圖片更改爲不同的圖片，只有當我在該頁面上。如果我轉到其他頁面，我希望圖像恢復到原始狀態。用戶應該能夠看到所有4張圖片，而'購物車'是唯一一張看起來不同的圖片，暗示他們在購物車頁面

基本上，我在尋找類似於Twitter的東西已經完成了。（當您在'主頁'頁面上以及在'連接'頁面上時，圖像會發生變化）。

我試過了：active和：focus類，那些對我不起作用。也許我需要一些Javascript？我真的不確定。我搜索谷歌上下。我會很感激任何幫助，即使它只是我可以測試的新文檔。

任何事情！謝謝:)

html: 
<nav> 
<ulstyle="list-style-type:none"> 
<li id="daily_sale" style="display:inline"><a href="/DealOfTheDay.asp?deal="></a></li> 
<li id="my_account" style="display:inline"><a href="/login.asp"></a></li> 
<li id="support" style="display:inline"><a href="/terms.asp"></a></li> 
<li id="shopping_cart" style="display:inline"><a href="/shoppingcart.asp"></a></li> 
</ul> 
</nav>

來源

2013-10-22 MrBlonde

代碼在哪裏。如果您不提供問題 – gwillie

您可以使用css類來達到這個目的，我們該如何提供幫助。由於導航欄在所有頁面中都可用，因此適當地在適當的頁面中使用類。 – 2013-10-23 00:04:37

我已經添加了我的代碼。我寫了班。我想我想要做的是添加一個類，如果URL是其中之一。我搜索了上下，並嘗試了幾個不同的JS函數，但似乎沒有爲我工作:( – MrBlonde

什麼是您的網頁與？ WordPress的？ PHP？靜態html頁面？

理想情況下，您需要將類添加到當前所在的導航欄項目中。例如，如果您在主頁上，請向您的列表項中添加一個「活動」類。

然後，您可以爲活動類添加CSS以更改背景圖像。

來源

2013-10-23 00:06:04 bsk1998mn

我的網頁是靜態的HTML/ASP。我有一個類，每個href包含在，每個href有它自己的類也（所以我可以識別A從B等） – MrBlonde

您可以使用javascript中的location.href屬性來檢測當前頁面，並將一些額外的CSS類添加到相應的菜單項。

來源

2013-10-23 00:07:25 Zergatul

我不熟悉這個屬性（或熟練的javascript），但我會開始做一些研究，謝謝！ – MrBlonde

當href處於活動狀態時更改圖片

回答

相關問題