到目前为止我所做的是

<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>

帮助热线号码文本在谷歌浏览器上成功闪烁。但它在IE8上不起作用。

最佳答案

在IE8中,特定的动画不能在<a>标记上工作。我不确定这到底是为什么,但可能是因为它不是块元素,而是内联元素。在任何情况下,如果将链接放在<div>容器中并设置<div>容器的动画,则动画都将工作。
这是你的链接改成一个<div>https://dl.dropboxusercontent.com/u/7909102/test2.html将在IE8动画。

关于javascript - 淡入和淡出效果在IE8上无法正常显示,是否闪烁文本?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28667867/

10-10 19:45