1

ここに私のコード-

$('.smenu li').mouseover( function(){
        var src = $(this).find('a').attr('href');
        $('.hbg').css('background-image', 'url(' + src + ')');
        });

htmlコード-

<div class="smenu">
                <ul>
                  <li ><a href="images/hosp.jpg"><img src="images/menu_hosp.jpg" border="0"></a></li>
                  <li ><a href="images/edu.jpg"><img  src="images/menu_edu.jpg" border="0"></a></li>
                  <li ><a href="images/enter.jpg"><img  src="images/menu_enter.jpg" border="0"></a></li>
                  <li ><a href="images/retail.jpg"><img  src="images/menu_retail.jpg" border="0"></a></li>                    
                </ul>
              </div>

これは問題なく動作しますが、画像の変更中にロールオーバー効果を設定するにはどうすればよいですか。これは、マウスオーバーでフラッシュを使用して背景画像を変更するだけなので、フェードイン、フェードアウト、またはその他の何かが必要なためです...

4

1 に答える 1

1

私は以前にこのような問題を抱えていました。現在表示されている画像を取得して、それを背景に配置する必要があります。次に、背景 (非表示) に img タグを挿入し、次の画像を画像タグに読み込み、フェード インします。

そこから、より凝ったもののために画像をスライドさせることができます。

于 2010-06-22T06:17:55.940 に答える