1

あまり使用しないWebページに多数の要素があるとすると、jQueryはそれらを少しフェードさせることができますが、マウスオーバーがない場合に限りますか？マウスオーバーでフェードバックする必要があります！

4

4 に答える 4

1

私はこのようにそれを解決しました：

//list the items you want to fade out in normal selector format
var arr = [ "#navTop","#banner","#idViewToolbar","#fbsidebar","#idActionP","table.noBorder" ];


//delay function by Clint Helfers
$.fn.delay = function( time, name ) {

    return this.queue( ( name || "fx" ), function() {
        var self = this;
        setTimeout(function() { $.dequeue(self); } , time );
    } );

};

$.each( arr, function(i, l){
   jQuery(l).fadeTo(600, 0.10);
   jQuery(l).mouseenter(function(){
        jQuery(this).fadeTo(600, 1);
    });

       jQuery(l).mouseleave(function(){
        jQuery(this).delay(5000).fadeTo(600, 0.10);
    });

 });

私は実際に FogBugz に使用しました - 独自の CSS + Javascript をページに挿入できるプラグインがあります。私はそれを使用して、ほとんどのものをフェードアウトしますが、私が取り組んでいるバグ/機能のリストです。

于 2010-01-27T21:17:09.727 に答える
0

アニメーションが必要ない場合は、:hoverpsoudoセレクターを使用して純粋なcssでこれを行うことができますが.hover()、jqueryにもメソッドがあり、この効果を実現するのに役立ちます。このようなもの：$('.my_less_used_divs').hover(fadeInFunction, fadeOutFunction);

于 2010-01-27T21:14:42.557 に答える
0 
$(".divfade").hover(function() {
    $(this).fadeTo("slow", 1);
}, function() {
    $(this).fadeTo("slow" , .5);
}).css("opacity", .5);

このコードはフェードインおよびフェードアウトします。

于 2012-04-17T10:43:18.607 に答える
0

antpawが推奨するものを実際にコードに入れること。以下をせよ。

$(".my_less_used_divs").hover(function() {
    $(this).css("opacity", 1);
}, function() {
    $(this).css("opacity", .5);
}).css("opacity", .5);

これが気に入ったら、antpawに受け入れられた答えを与えるべきです。

于 2010-01-27T22:13:11.843 に答える