2015-02-23 41 views
3

到目前为止,我所做的是淡入和淡出效果的文字闪烁对IE8不工作?

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

+0

仔细检查你的代码片段。你可能会丢失';'或者未关闭的标签或JS相关的错误 – 2015-02-23 06:25:57

+0

我已经纠正了丢失; 。但它仍然适用于谷歌浏览器,而不是IE8。 – 2015-02-23 06:30:53

+2

你正在加载什么版本的jQuery?你将需要IE 8. – jfriend00 2015-02-23 06:50:17

回答

0

在IE8中,特定的动画不上<a>标签工作。我不确定这是什么原因,但可能是因为它不是块元素,而是内联元素。在任何情况下,如果你把链接在<div>动画将工作和动画效果<div>容器代替。

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