2015-02-23 40 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中動畫。