javascript - 文本闪烁的淡入和淡出效果在 IE8 上不起作用？

Question

到目前为止我所做的是

<script type="text/javascript">
$(function() {
blinkeffect('#txthelpline');
});
function blinkeffect(selector) {
    $(selector).fadeOut('slow', function() {
        $(this).fadeIn('slow', function() {
            blinkeffect(this);
        });
    });
}

 <a href = "javascript:void(0)" id="txthelpline" 
            onclick ="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"        
                 style="color:yellow; margin-left:110px; font-size: large; font-weight: bold; font-family: 'Times New Roman', Times, serif; ">Helpline Numbers</a>

Helpline Numbers 文本在 google chrome 上成功闪烁。但它不适用于 IE8。

Answer 1

在 IE8 中，该特定动画不适用于 <a>标签。我不确定为什么会这样，但可能是因为它不是 block 元素，而是内联元素。在任何情况下，如果您将链接放在 <div> 中，动画就会起作用。并为 <div> 设置动画容器代替。

您的链接已更改为 <div> : https://dl.dropboxusercontent.com/u/7909102/test2.html这将在 IE8 中显示动画。