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>