こんにちは、私は最善を尽くして、マウスでホバーしたときに、その周りの他のオプションを薄暗くし、マウスが現在オンになっているホバーされたアイテムをズーム (前方に移動) する方法を見つけようとしています。
私のコードはここにあります>コードリンク
選択されていないフェードアイテムが正常に機能しています...ホバーされたアイテムのズームインの助けが必要です!
私が現在ズーム効果のために持っているコードはひどいもので、まったく機能しません....
$('.category-container').bind('mouseover',function() {
$(this).addClass('hover').stop(true,true);
$('.category-container').not('.hover').stop(true,true).fadeTo('fast',0.2).animate({
width: '2em',
height: '2em',
}, 200);
});
$('.category-container').bind('mouseout',function() {
$('.category-container').removeClass('hover').stop(true,true).fadeTo('fast',1);
});
どんな助けでも素晴らしいでしょう！
アップデート
私が望む効果で動作するようになりました...最初にリストを最初にフェードインさせずに別のアイテムに移動すると、アイテムがフェードインしないようです:新しいコード