私のホームページの div 見出し (テキスト見出し) の 1 つは、フェードインとフェードアウトを繰り返して点滅効果を与えることを意図しており、この関数は私の home.php ファイルの画像の onLoad と呼ばれます。
<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ファイルに配置すると(外部jsファイルは上記のコードのボディタグを閉じる直前に挿入されます)、FFでは機能しますが、Chromeでは機能しません(それぞれの最新バージョンを使用しています)。興味深いことに、h3 タグの display:none を削除して、fadeIn と fadeOut の順序を変更 (つまり、fadeOut を最初に配置) しても、同じ結果が得られます。
なぜこれが起こっているのかについてのアイデアはありますか? 最悪のシナリオでは、スクリプトを home.php にそのまま残します。
助けてくれてありがとう!