用鼠標左鍵顛倒jquery動畫

這真的令我很沮喪，因爲這是一個簡單的問題，我知道我會面對 - 當有人給出1行答案時，我會自己面對。無論如何，我有以下on mouseenter片段用鼠標左鍵顛倒jquery動畫

$("nav#primary ul li").mouseenter(function(){ 
    $(this).find('ul:first').stop(true, true).animate({ 
       height: ['toggle', 'swing'], 
       opacity: 'toggle' 
      }, 300, 'linear'); 
    });

我的問題是如何反轉鼠標離開小學uli後的動畫效果？

來源

2013-12-12 Zackary Lundquist

$("nav#primary ul li").mouseenter(function(){ 
    //your code for mouseenter 
},function(){ 
    //your code for mouseleave 
});

來源

2013-12-12 05:08:35 Hiral

我得到鼠標輸入和鼠標離開的語法我正在問一個具體的問題。那麼，如何在鼠標離開後將當前動畫反轉？ –

如果我理解正確你的問題，你是當鼠標進入的元素，並恢復到原來的狀態離開時動畫HIGHT和透明度。

$("av#primary ul li").hover(
    function() { // on mouse enter 
     // save the original values 
     var h = $(this).css('height'); 
     var o = $(this).css('opacity'); 
     $(this).attr('data-Oheight',h).attr('data-Oopacity',o); 
     // do your animation here 
    }, function() {  // on mouse leave 
     // retrive the original values 
     var h = $(this).attr('data-Oheight'); 
     var o = $(this).attr('data-Oopacity'); 
     // revert back 
     //do your animation to revert back 
    } 
);

但是，話說回來，GreenSock有TweenMax工具。當涉及到這些動畫需求時，它非常方便。讓我知道你是否需要知道更多。

來源

2013-12-12 05:24:53 Nis

用鼠標左鍵顛倒jquery動畫

回答

相關問題