1

通常、私はこのような質問を投稿しませんが、特別なプログラミング言語に関する本を一冊も読まずに簡単な解決策を探している場合があります。

ここにある「Sliding Boxes」というスクリプトを使用しています。

情報ボックスは、画像の上に「ホバリング」した結果としてスライドインするだけです。ここでは大したことはありません。私がやろうとしているのは、画像の不透明度を 0.5 (通常) から 1.0 (ホバー) に増やすことです。カーソルを画像の上に移動するとうまくいきます。

画像にカーソルを合わせる

しかし、スライド ボックスが画像を覆った後、カーソル位置が情報ボックスの領域にある場合、不透明度 1.0 は失われます。

テキストボックスにカーソルを合わせる

だから私はjsファイルを調整する必要がありますが、私はまだjavascriptで何もしていないので、これについて助けが必要です.

これが私のスクリプトです：

(function ($) {
  $(document).ready(function() {
    $('.cover.boxcaptionbig').stop().animate({top:'460px'}, 
                                          {queue:false,duration:0});

    //Full Caption Sliding (Hidden to Visible)
    $('.boxgridbig.captionfullbig').hover(function(){
      $(".cover", this).stop().animate({top:'340px'},  
                                       {queue:false,duration:750});
    }, function() {
    $(".cover", this).stop().animate({top:'460px'},  
                                     {queue:false,duration:750});
    });
 });
})(jQuery);
4

1 に答える 1

0

アニメーションの1つを次から変更するのと同じくらい簡単にする必要があります。

animate({top:'460px'}

に

animate({top:'460px', opacity:'1'}

次に、同じものを追加しますが、0.5を追加すると、再び正常に戻ります。

完全なデモがないため、推測するのは困難ですが、それで十分だと思います。

于 2011-10-09T19:27:18.697 に答える