0

リンクの上にカーソルを置いたときに色をフェードインおよびフェードアウトできるこのコードがありますが、背景画像をフェードアウトさせたいです。コード内で背景画像と位置を設定する方法がわかりません。

$(document).ready(function() {
   var $imageUrl = "../images/TopNavigationArrows.png";
   var cssBg = ?

   $(".link").hover(function() {
       // Hover State
       $(this).animate({ color: "#FFEFCA" }, 200);

   },function() {
       // Default State
       $(this).animate({ color: "#FFF" }, 200);
   });
});
4

4 に答える 4

1

背景画像をフェードインするようにアニメーション化することはできません。現在の要素よりも低い z-index で背景画像を含む要素を追加し、通常のfadeIn/fadeOut機能でそれをフェードインする必要がある場合があります。

于 2012-07-28T21:11:58.560 に答える
0

次のように、html で画像の位置を指定できます。

< button onclick="location.href='01.html'" style="position: absolute; left: 15px; top: 200px ;"> < img src="left.gif"

< /ボタン>

于 2013-02-15T06:14:47.280 に答える
-1

次のように、任意の要素の css プロパティを設定できます。

$(this).css({
    background-image:url('image.gif'),
    background-repeat:no-repeat,
    background-attachment:fixed,
    background-position:center, 
    top: 100,
    left: 100
});

それがあなたが求めていることだと思いますか？

于 2012-07-28T21:13:48.637 に答える
-1

色をアニメーション化する場合は、jQuery カラー アニメーション UI を使用する必要があります。jQuery 自体には機能がありません。

于 2012-07-28T21:17:03.490 に答える