mouseout set previusはdivの前のbgイメージを返します

Question

all。 私は持っています。

<div id="imagecontainer" class="header-image-container">&nbsp;</div> 

BG画像は、親クラスに従ったページのCSSで指定されています。

.category-1 #imagecontainer { 
background: url(_/images/1.jpg); 
} 

メニューがあります。私はこのページのためのCSSイメージで指定されたリターンイメージを親クラスに従ってマウスオーバーしてBGイメージをオーバーチャージしたい。私はそれがJQueryを使って本物であると思う。例えば、カテゴリ3のページを開いてカテゴリ1のメニュー項目にマウスを移動して#imagecontainerのcatefory-1のBG画像を見てから、カテゴリ3のBG画像を再度見てマウスを移動します。

Answer 1

：

$('#menu').mouseenter(function() { 
    $('#imagecontainer').css({'background':'blue'}); 
}).mouseleave(function() { 
    $('#imagecontainer').removeAttr('style'); 
}) 

あなたがここにアクションでそれを見ることができます。http://jsfiddle.net/Cdzk8/

あなたimagecontainer上の他のインラインスタイルを持っている場合、それはまた、それらを削除しますマウスの葉に。その場合、あなたはmblase75が推奨しているもののような何かをするでしょう。

Answer 2

スワップアウトする前に、現在のバックグラウンドイメージをdataとして保存し、スワップバックするときにそこから取得します。

私はこれがしたいんだろうと思い

$('#imagecontainer').mouseover(function() { 
    $(this).data('bgimg') = $(this).css('background-image'); 
    $(this).css('background-image','url(my/new/url.jpg)'); 
}).mouseout(function() { 
    $(this).css('background-image', $(this).data('bgimg')); 
});