我想要一個箭頭脈動的影像,當用戶單擊箭頭時,一個 div 向下滑動并且脈動箭頭影片停止。當用戶再次單擊箭頭時,div 向上滑動,箭頭繼續跳動。
我可以切換。我能脈搏。但是,我不確定如何切換脈動影片。如果有人能指出我正確的方向,那就太好了!
非常感謝。
$(document).ready(function(){
{
$(".arrow_down_grey").effect( "pulsate",
{times:5}, 3000 );
}
$('.arrow_down_grey').click(function(){
$(".arrow_down_grey").stop().effect();
$(".hiddenDiv").slideToggle();
});
});
uj5u.com熱心網友回復:
jQuery 有一個.stop()停止影片的方法。您需要監聽點擊,然后相應地使用.stop(). 我想你需要使用 true 標志來清除你的影片佇列,所以停止不只是“暫停”影片,但這取決于你。然后,您將使用閉包來跟蹤“切換狀態”并在您的 div 以另一種方式切換時重新啟動影片。
$('#animation').stop(false);
jQuery .stop 檔案:http ://api.jquery.com/stop/
uj5u.com熱心網友回復:
$(document).ready(function() {
function pulsate() {
$(".pulsate").animate({ opacity: 0.2 }, 1200, 'linear')
.animate({ opacity: 1 }, 1200, 'linear', pulsate)
.click(function() {
$(this).animate({ opacity: 1 }, 1200, 'linear');
$(this).stop();
});
}
pulsate();
});
此代碼有效,但您將如何再次啟動脈沖影片?
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/531311.html
