javascript - 如何在 aspx 页面上制作超链接脉冲(即无休止地淡入淡出)

Question

您好，我有一个常规网站，我正在向顶部导航栏添加一个新链接。为了提醒用户新按钮，我希望它能轻轻地跳动，就像合上盖子时 Macbook Air 上的跳动灯一样:)

这是超链接代码的样子:

<td class="data" runat="server" style="width: 85px">
   <asp:HyperLink ID="SiteLink"  runat="server" CssClass="anc" Text="NEW LINK" />
</td>

我的项目中已经有 jQuery，所以 jQuery 或纯 JS 都可以正常工作。该解决方案需要在 IE 和 Chrome 中运行。我尝试了 jquery.pulse，但我无法让它工作。

Answer 1

不确定这是否是最好的方法，但它有效:

function cycle() {
    $('#SiteLink').fadeOut(1000, function() {
        $('#SiteLink').fadeIn(1000);
        cycle();
    });
}
$(document).ready(function(){
    cycle();
});

您可以在此处查看工作示例:https://jsfiddle.net/m8qanvr3/