1

私#paginationのサイトには、デフォルトでに設定されている がありますdisplay:none

ドキュメント全体でマウスを移動するとき、マウスの動きが停止したら、一定時間後にマウスをフェードインおよびフェードアウトしたいと考えています。これを行う最善の方法は何なのか、まったくわかりません。それに関するアイデアはありますか？

$(document).ready(function(){
    
    $(document).on('mousemove', 'body', function() {
        $('#pagination').fadeIn('fast');
        //once the mousemovement stopped I want a 3sec counter till it fades out agian
    });
    
});

マウスの動きが止まったら、「#pagination」が再びフェードアウトする前に少し遅らせたいと思います。

4

2 に答える 2

3

#pagination をフェードする前にユーザーがマウスの移動を停止したことを確認したい場合、単純なタイマーを設定する必要があります。

$(document).ready(function(){ 

    var c, p = $('#pagination');
    $(document).on('mousemove',function() {        
       p.fadeIn('medium');
       clearTimeout(c);
       c= setTimeout(function(){
           p.fadeOut('medium');
       }, 600);
    });

});​

ユーザーがマウスの動きを止めると、 は#paginationフェードアウトします。彼らが再び動き始めると、#paginationフェードインします。フェードインしたくない場合は、簡単に変更できます。

http://jsfiddle.net/akVkT/2/で実際の例を参照してください。

于 2012-07-21T09:57:37.103 に答える
2 
$(document).ready(function(){

    $(document).on('mouseout', '#pagination', function() {
        $(this).delay(5000).fadeOut('fast');
    });

});

これは5秒間です。5秒後にフェードアウトします

于 2012-07-21T09:24:57.767 に答える