2

背景が本文の直後にid="bg"の画像として設定されているjQuery背景ストレッチャーを使用しています。しかし、誰かがclass=selectorとalt=pathToImageでdivにカーソルを合わせたときに、背景画像を変更したかったのです。altはdivで使用するのに最適ではないことは知っていますが、パスを格納するための「コンテナ」を見つける必要がありました。

background-stretcherは本来のとおりですが、何かにカーソルを合わせると、背景画像がdisplay="none"に設定されます。誰かが私を助けてくれることを本当に願っています。

コードは次のとおりです。

$(window).load(function(){
$('.selector').hover(function() {
    var img = document.createElement('img');
    img.src = $(this).attr('alt');
    img.onload = function() {
        $('#bg').fadeOut(function() {
            $(this).setAttribute('src', img.src).fadeIn();
        }); }; return false; }); });

前もって感謝します ：）

編集！時間がかかって申し訳ありませんが、htmlを読むのが苦痛ではなくなりました：http： //jsfiddle.net/gaFfD/ そして、奇妙な理由で、ホバー効果はjsfiddleでは機能しません。

4

1 に答える 1

0

アップデート

このフィドルを試してください：http：//jsfiddle.net/gaFfD/14/

する必要があります

$(this).attr('src', img.src).fadeIn()

それ以外の

$(this).setAttribute('src', img.src).fadeIn();

そして私は使用しました

jQuery(document).ready(function () {

それ以外の

$(window).load(function() {

ドキュメントレディとウィンドウロードの違い： window.onloadと$（document）.ready（）

于 2012-06-06T08:11:32.940 に答える