如何通過更改菜單上的圖像來突出顯示當前頁面？

Question

這是我的div導航中的一行：

<a href="/Home/ShoppingCart"><img class="swap5" src="/Static/Images/Meny_normal_06.png"  alt="" /></a>

當有人單擊此圖像時，他們將被重定向到另一頁，我希望將此圖像交換到我的另一張較暗的圖像上，該圖像突出顯示當前頁面。

至

<---在當前頁面上突出顯示了我要更改的內容

這是我的Jquery：

<script type="text/javascript">
        $(document).ready(function () {
            $('.swap5').click(function () {
                $(this).attr('src', '/Static/Images/Meny_clicked_01.png');


         });  
        });
</script

>

我意識到這不會做，因為新圖像在我重定向到另一頁時已經消失了。

如何順利進行？ 我正在使用MVC 3 btw

任何形式的幫助表示贊賞

Answer 1

您可以使用普通的javascript來實現。 給圖像元素指定一個ID，比如說“我”。 做類似document.getELmentById（“ me”）。setAttribute（“ src”，“鏈接到其他圖像”）的事情； 的

Answer 2

在這種情況下，您可以使用cookie。單擊該按鈕后，您可以將該信息存儲在cookie中。

在下一頁中，檢查cookie，如果存儲了您期望的值，請在重定向的頁面上替換新圖像。

Answer 3

在要重定向到的視圖而不是要重定向的頁面上運行此命令怎么辦？

<script type="text/javascript">
    $(document).ready(function () {
        $('.swap5').attr('src', '/Static/Images/Meny_clicked_01.png');
    });
</script>

Answer 4

忘了jQuery，我可以使用CSS做到這一點。

在當前頁面上使用.active類。

例如：-

1. 定義一個班級

   .active {background：url（/image/activemenu.jpg）;}

2. 使用當前頁面上的課程突出顯示導航。

   li> class =“ active”> a href =“＃”>訂單/ a> / li>