多個動畫暫停問題 stop 方法的使用

2022-03-06 16:03:50 字數 1039 閱讀 3892

今天模仿某**的導航欄效果 最終結果

做這個效果遇到的點:

1.給每個a繫結事件太麻煩,用了事件委託,由於剛看jq所以查到了

$('.list').delegate('a','mouseover',function(event){}
方法2.給這個小滑塊設定抖動效果,更動感一些 用了兩個animate算上最終定位用了三個animate

.animate(,150).animate(,150).animate(,200);
恩 挖了個坑

3.就是解決這個坑,這個坑就是當我滑鼠快速的經過這些a時,就算我滑鼠停止了,滑塊依然按著我滑鼠經過的每個a在做一次mouseover事件幹的事,抽風一樣,怎麼解決呢?

馬上想到stop()方法停止動畫,但是沒用啊 還跟抽風一樣,由於剛接觸jq所以對這些方法不熟悉,就想是不是stop()方法還能傳引數?果然一查猜想正確

stop() 方法停止當前正在執行的動畫。

$(selector).stop(stopall,gotoend)
引數

描述stopall

可選。規定是否停止被選元素的所有加入佇列的動畫。

gotoend

可選。規定是否允許完成當前的動畫。

該引數只能在設定了 stopall 引數時使用。

如果這時暫停那麼如果這時動畫運動到了2,這個暫停只是暫停了2,而3會繼續執行完 

stop(true)乙個引數:也就是 上邊說的這個stopall是

如果這時暫停那麼如果這時動畫運動到了2,這個暫停暫停了2 和 3(全部暫停)

stop(true,true)兩個引數 :

如果這時暫停那麼如果這時動畫運動到了1,這個暫停會馬上讓繫結動畫的元素到達1動畫設定的狀態(動畫1完成時的狀態)並暫停,如果此時動畫運動到了2,這個暫停會馬上讓繫結動畫的元素到達2動畫設定的狀態(動畫2完成時的狀態)並暫停,同理 345 6

demo:

有錯誤的地方歡迎指出

執行緒的stop方法和interrupt方法

建立測試需要的類 public class mythread extends thread catch interruptedexception e y 列印x和y的值 public void printxandy 用stop方法來中止執行緒 測試用main方法如下 public class tes...

jQuery中delay與stop的問題

最近在寫乙個複雜的展示效果,用到了jquery.delay animate callback 當響應使用者事件是需要停止動畫,並要阻止callback函式執行。本來以為呼叫stop函式就可以達到效果。結果經過反覆的測試才發現 1 在animate執行之前,即delay的過程中,呼叫stop函式是,d...

如何將動畫暫停後再次執行的時候從暫停的地方開始執行

doctype html html lang en head meta charset utf 8 title animation title style mymove move moveclass keyframes moveturn 25 50 75 100 middle center styl...