3

私のcssページでは、これをコードとして持っています:

header {
    background:url('afbeeldingen/r.png'),url('Afbeeldingen/black.jpg');
    background-position: 50% 33%, left top;
    background-repeat: no-repeat, no-repeat;
    background-size:26%,960px 130px;
    margin-left:auto;
    margin-right:auto;
}

私のHTMLページで、JQueryを使用して、ナビゲーションバーにカーソルを合わせたときに最初の画像を変更したいと考えています。手伝ってくれませんか?

4

2 に答える 2

3

現在、jQuery には背景画像 (したがって表示される画像) の順序を切り替えるためのネイティブ メソッドはありません。リンクを解析してそれらを交換することにより、2 つの背景画像を持つ要素の背景画像の順序を交換するコードを次に示します。

var bg=$(this).css('background-image').split('),url(');
if(bg.length==2) $(this).css('background-image','url('+bg[1]+','+bg[0]+')');
于 2016-05-04T02:33:09.887 に答える