如何通过更改菜单上的图像来突出显示当前页面？

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>