2012-03-29 11 views
1

私はリンクをクリックすると、サブ見出しがそれらの下にスライドするメニューシステムを持っています。私はこの罰金を持っていますが、アクティブなときにアニメーションで90度回転するアイテムをリストする背景画像として設定された矢印を追加したいと思います。ですから、私の質問は次のとおりです。リスト項目全体を回転させることなく背景イメージをどのように変換(回転)できますか?jQueryで背景イメージを変換(回転)する?

乾杯、 BlackWraith

+1

擬似要素を使用できますか?その後、CSSまたはjsでそれを回転させますか? – mikevoermans

+0

それはどういう意味ですか? –

+0

私は理にかなったと思ったものを解決することができませんでした。 a:after {background ...} a:after:hover {rotate ...} – mikevoermans

答えて

1

は、私はあなただけで、それ自体で背景画像を回転させることができるとは思いません。 あなたがしなければならないことは<li>の中に別の<span style="display:block;width:16px;height:16px; background:url(my_arrow.png);">要素を宣言してから<span>全体を回転させることです。

通常、ネストされたリストで矢印を►から▼に変更するには、単一のスプライトと背景位置を使用するだけです。

+0

ありがとう、単一のスプライトがもっと簡単に聞こえる。私はそれにショットを与えるだろう:) –

+0

extraly slow reply 、私はそれに戻って忘れてしまった。スプライトは完全に機能しました。 :) –