淡入和淡出效果对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>

帮助热线号码文字在Google Chrome上成功闪烁。但它并不适用于IE8。

Answer 1

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

此处您的链接已更改为<div>：https://dl.dropboxusercontent.com/u/7909102/test2.html，将在IE8中制作动画。