javascript - 修复选择菜单时的背景图像

Question

我正在使用 Indexu-deluxe，并且我已经在我的网站上上传了服装主题。以下是我的网站 URL。 http://www.submitweb.us/

当您将鼠标悬停在任何菜单上时，会出现背景图像，当您将鼠标移出时，图像会消失。

现在我想这样做默认情况下，背景图像显示在主菜单中，当我选择或单击另一个菜单时，它将显示在该菜单上。

请帮助我。

Answer 1

您可以创建一个名为的类，该类为您的图像设置了.active一组。background-image

您可以将此类直接应用于所选菜单，
或者
您可以为每个菜单指定一个 ID，例如#powersearch电源搜索页面菜单 (li)，并将此脚本应用于所选菜单的每个页面：

<script type="text/javascript">
    $(document).ready(function () {
        $('#powerSearch').addClass('active');
    });
</script>