1

背景画像をフェードイン（ホバー時に||アウト）してCSSクラスでアクティブ状態にしようとすると、メニューは次のようになります。

<ul>
    <li class="menuitem" id="myTag">                    
        <a href="#" class="menu-item-a">
           <span class="menu-item-span">MenuItem</span>
        </a>                   
    </li>
    <li class="menuitem" id="myTag">                    
        <a href="#" class="menu-item-a">
           <span class="menu-item-span">MenuItem 1</span>
        </a>                   
    </li>
    <li class="menuitem" id="myTag">                    
        <a href="#" class="menu-item-a">
           <span class="menu-item-span">MenuItem 1</span>
        </a>                   
    </li>
</ul>

注：現在、メニュー項目を展開できるようにするために、2つの背景画像（右側と左側）があります。

今のところ、ブラウザの互換性のためにCSS3を避けたいです：|

解決策はありますか？

4

2 に答える 2

2

前に述べたように、私はあなたがjsFiddle、またはあなたがただ助けるプロセスをより速くするためにあなたが抱えている問題の同様のものを作ることが重要だと思います。私はあなたが達成しようとしていると思う小さな何かをまとめましたが、私は間違っている可能性があります。

ここでは、背景色を使用した場所を画像に変更し、ホバー状態でスパンをフェードさせ、アイテムの1つをクリックするとスクリプトが適用する.active状態の別の画像を使用できます。

お役に立てれば：

jsFiddle： http: //jsfiddle.net/visualdecree/SvjHx/

于 2012-09-07T13:36:54.730 に答える
1

@SoonDeadが彼のコメントで述べているように、あなたが言っていることを理解するのは少し難しいです。

ただし、 jQueryを使用して、クラス/外観、およびホバーなどのルールに基づく他の多くのものを変更できます。

jsfiddleを使用して基本的な例を作成しましたが、この基本的なものが必要な場合は、CSS:hoverセレクターを使用してください。span:hover{//add styling here}

于 2012-09-07T12:59:20.180 に答える