闪烁文本适用于Firefox,但不适用于仅使用外部js文件的Chrome

时间:2013-12-20 19:47:51

标签: javascript jquery external-js

我的主页上的一个div标题(文本标题)意味着淡入淡出并反复淡出以产生闪烁效果,并且该函数在home.php文件中被调用onLoad of image。

<h3 id="FlashingText" style="color:#fff;display:none;font-family:arial;font-     
weight:bold;font-size:16px">Text Flashes Here</h3>
//Lots of code
<img onLoad="FlashText()" etc. etc.>
//Lots of code
//Right before closing body tag
<script type="text/javascript">
function FlashText() {
$("#FlashingText").fadeIn(500).delay(500);
$("#FlashingText").fadeOut(500).delay(500);
FlashText();
}
</script>
</body></html>

当我将此脚本放在我的主页(home.php)的代码中时,它适用于所有浏览器。当我把它放在一个外部的js文件中(在上面的代码中关闭body标签之前插入外部js文件)它在FF但不是Chrome(我使用每个的最新版本)工作。有趣的是,取消显示:h3标签中的none和更改fadeIn和fadeOut的顺序(即将fadeOut置于第一位)会产生相同的结果。

关于为什么会发生这种情况的任何想法?最糟糕的情况我只是将脚本留在home.php。

感谢您的帮助!

0 个答案:

没有答案