0

これがJqueryバナーでの私の現在の位置です - http://jsfiddle.net/WcXBs/2/

jquery の使い方が下手で申し訳ありません (ショートカットがわからないなど)。

変更時にバナー間にフェードを作成するために Jquery トランジションを取得して遊んでみました...しかし、それらは欠陥があります (これは、フェードするものが何もないことを意味するクラスを追加しながら、コードがクラスを削除しているためだと思います)。

また、アニメーションでボックスを拡張することもできましたが、初めてアニメーションが表示されないことがわかりました。

私がすでに持っているコードを見ると、バナーが変化するときにバナー間のフェードアニメーションを実現し、ハイトアニメーションを成功させてから元に戻すためのガイダンスを提供できる人はいますか?

ありがとう、

ルーク

4

1 に答える 1

0

あなたのやり方は複雑すぎます、私はあなたのバナーをとても簡単な方法でやりました、それをチェックしてください：デモ

$('a').hover(function(){

   var swap = $(this).attr('href'); // takes the hovered object's href. example = '#one'

   $('.banners').stop().hide(); // hides all banners
   $(swap).stop().fadeIn(600); // brings the hovered object with it's id

   $('a').removeClass('selected'); // removes selected class
   $(this).addClass('selected'); //adds selected class to the hovered object
});
于 2012-06-15T14:37:23.067 に答える