mouseout

    4熱度

    3回答

    我在freakyleaf.co.uk/hoverfade/上有以下活動示例,在懸停在一個圖塊上時,圖塊背景圖像在600毫秒(.tile_img)上形成1到0.25不透明度,然後文本從0到1不透明度過濾500ms(.overlay)。在鼠標移出時,會發生相反的情況。 只要鼠標一旦鼠標懸停動畫完成,這一切都可以正常工作。如果在鼠標懸停動畫期間鼠標離開,平鋪圖像將淡出爲完全不透明狀態,但文本不會褪色,從

    1熱度

    1回答

    我有一個Google地圖座標數組。每個座標集都有自己的標記。如果用戶將鼠標懸停(鼠標懸停)到另一個圖標上(這個圖標對所有標記都是相同的)。我的問題是,如果用戶做出鼠標輸出,我想恢復原始圖標,但是我只是獲取所有標記的最後創建的標記(marker3.png)。 也許你有一個想法。這裏是腳本: $(document).ready(function(){ var locations

    1熱度

    3回答

    我試圖做一個簡單的小標題框,當你將鼠標懸停在元素上時,它會褪色到元素總寬度的50%,並且一直呆在那裏,直到你將鼠標移出元素。 它有點工作,但問題是當我將鼠標移動到.caption div內的鏈接上時,它正在淡入淡出(閃爍),幾乎就像是將標題視爲單獨的元素,即使它處於主要元素。它也似乎隨機閃爍幾次,如果我快速鼠標和鼠標懸停。 這裏是我的CSS: .thumbs li { float: le

    0熱度

    1回答

    我正在使用colobox,並希望在您將鼠標移出照片時自動關閉它。 我發現這個example,它適用於鼠標懸停......但我不想點擊關閉。 我在這裏設置了一個基本的jsfiddle。任何幫助,將不勝感激。 http://jsfiddle.net/peu8y/ UPDATE我改變了DIV的鼠標離開(見下面的演示),它現在的作品。 http://jsfiddle.net/peu8y/2/

    3熱度

    1回答

    我使用jQuery淡入淡出tinyScrollBar當用戶鼠標或鼠標滾動可滾動區域。 我遇到的問題是,如果用戶單擊並拖動滾動條手柄,並將其鼠標釋放到滾動條手柄以外的任何位置,則它會斷開並不再淡入或淡出。 這裏是我的企圖代碼... $('#scrollbar1').tinyscrollbar({ size: 790, sizethumb: 100, wheel: 20, scroll: true }

    0熱度

    1回答

    我想這樣做: 如果鼠標未對部件1 AND element2的,那麼這樣做 我有一個滑動菜單。如果菜單區域的用戶鼠標懸停,菜單必須關閉。菜單區域由兩個獨立的元素組成:位於菜單下的菜單和菜單區域的標題。 我已經找到了如何將鼠標移出菜單區域。 $('#menu_area').bind('mouseout', function() { $(this).slideUp(1000);

    1熱度

    2回答

    我在另一個問題中看到了這段代碼,我想我也可以使它成爲一個圖像的工作,但由於我是jquery的新手,我沒有做太多。 下面是代碼: $('someObject').bind('mouseover', function() { //Do the following while mouseover $('someOtherObject').css('margin-left',adju

    2熱度

    1回答

    使用Raphael JS,有沒有辦法在鼠標懸停期間使圓形向右(或任何方向)移動,然後在光標不再位於圓上時暫停/停止移動。 我試過幾種不同的方法,但他們有錯誤。其中一個主要問題是:如果鼠標光標在進入圓圈後沒有移動,一旦圓圈移動到鼠標光標不再位於圓圈頂部的位置,「鼠標移出」將不會被觸發。 你會明白我的意思,這些不同的嘗試: 1)製作具有暫停/恢復: jsfiddle.net/fKKNt/ 但動畫是生澀

    1熱度

    2回答

    我剛開始學習jquery,我很幸運能夠找到工作。 我的第一個代碼是在按下按鈕時創建「Dim the light」效果,當燈光熄滅時創建「顯示燈光」。這部分工作很好。 下面的代碼: $(document).ready(function(){ $(".dimlight").click(function(){ $("#overlay").fadeIn(); $(".diml

    0熱度

    3回答

    我遇到了一些jquery菜單中的mouseenter問題。鼠標輸入時如何修復p,p還有display block? <script> $(document).ready(function() { $('a').mouseenter(function(){ $('p').css('display','none'); $(this).next('p').slideD