滚动查看并制作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的animate（）来处理滚动，然后使用淡入和淡出功能来隐藏和显示它。

$(".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/

P.S您需要jQuery UI来调用.effect（）方法