到目前为止我所做的是
<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/