滾動並製作Div Flash？

Question

我試圖做一個錨點滾動（動畫）到一個特定的div，然後使該div閃動3次，以捕捉用戶的注意力，但我不知道我在做什麼不正確..我不知道如何讓它滾動並且顏色不會改變。我如何讓它滾動然後閃3次？

<a href="#" class="rulesflash">Scroll To and Make Box Flash</a> 

<div id="rules"> 
    <h3>Rules Section</h3> 

    <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> 
</div> 

And here is the JSFiddle

Answer 1

你要使用jQuery的動畫（）來處理滾動，然後淡入和淡出功能，使其隱藏和顯示。

$(".rulesflash").click(function() { 
    $('body').animate({ 
     scrollTop: $("#rules").offset().top 
    }, 2000, function() { 
     $("#rules").fadeOut(); 
     $("#rules").fadeIn(); 
     $("#rules").fadeOut(); 
     $("#rules").fadeIn(); 
     $("#rules").fadeOut(); 
     $("#rules").fadeIn(); 
    }); 
}); 

演示：http://jsfiddle.net/Hhks4/1/

編輯：

我在你的崗位又看了看，它看起來像你想的一大亮點效果不是隱藏/顯示，所以我說我的代碼更改此。

$(".rulesflash").click(function() { 
    $('body').animate({ 
     scrollTop: $("#rules").offset().top 
    }, 2000, function() { 
     $("#rules").effect("highlight", {}, 500); 
     $("#rules").effect("highlight", {}, 500); 
     $("#rules").effect("highlight", {}, 500);   
    }); 
}); 

http://jsfiddle.net/Hhks4/3/

PS你需要jQuery UI的調用.effect（）方法