滚动并制作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（）方法