2012-12-06 60 views
0

如何將光標置於使用另一個函數調用的元素內並淡入?這是我現在具備的功能:jquery將光標放在淡入淡出元素

function ajax_cart() { 
    var url = 'shoppingcart.php';  
    jQuery("#carttopcontainer").load(url); 
    jQuery('html, body').animate({scrollTop:0}, 'slow'); 
    jQuery("#carttopcontainer").fadeIn(400); 
    jQuery('#carttopcontainer').hoverIntent({ 
    over: startHover, 
    out: endHover, 
    timeout: 1000 
    }); 
} 

#carttopcontainer DIV是一個小的彈出窗口,顯示了車的div容器後,用ajax後添加的項目。我想將鼠標光標放在該div後面的任何位置,如果淡入。

謝謝。

回答

0

好吧,我的問題可能是不正確的,很難理解,但這是我想要做的: 我有一個div顯示,然後我需要幾秒鐘後隱藏它,但只有當鼠標沒有超過該格。如果鼠標移過該div,它應該保持可見。此外,如果鼠標離開並返回的速度很快,則可能是偶然的,因此div仍應可見。以下是我如何完成它:

$("#carttopcontainer").delay(3000).animate({height:"hide",opacity:"hide"}, 2000).mouseover(function() { 
    $(this).stop(true, false).animate({height:"275px",opacity:1}, 200)}).mouseleave(function() {$(this).animate({height:"hide",opacity:"hide"}, 2000)}); 

我很確定有一些更好的解決方案,但這一個適合我,所以我很高興。

1

您不能用JavaScript移動用戶的光標。如果你想集中一個元素,你可以使用element.focus()

+0

老實說,我似乎不明白我得到的焦點()。我基本上試圖讓hoverIntent啓動。這個想法是,車的div顯示並保持開放一兩秒鐘,然後淡出。我添加了hoverIntent,所以當您將光標放在#carttopcontainer上並將其移出時,div會在一秒鐘後淡出。現在我需要得到同樣的結果,即使鼠標不在該div內,但當鼠標在那裏時它不會發生......我希望它是有道理的。 :) – user1078494

+0

你不能讓鼠標移動。你可以嘗試用jQuery ['element.mouseover()'](http://api.jquery.com/mouseover/)觸發一個mouseover事件,但是調用看起來像這樣的代碼會不會更容易它徘徊? – epascarello

+0

嗯......我不認爲任何代碼,使它看起來像它的徘徊會幫助,因爲我希望該div隱藏,如果鼠標懸停,但保持可見,而鼠標懸停...有沒有替代解決方案淡入淡出div和設置一個計時器fadeOut,但重置計時器,如果鼠標懸停? – user1078494