ホームページ > 記事 > ウェブフロントエンド > ブラウザステータスバーのテキスト点滅効果を実現するJSメソッド_JavaScriptスキル
ブラウザステータスバーのテキスト点滅効果を実現するJSメソッド_JavaScriptスキル
- WBOYオリジナル
- 2016-05-16 15:34:521793ブラウズ
この記事の例では、JS を使用してブラウザーのステータス バー テキストの点滅効果を実現する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
これは、IE ブラウザのステータス バーにテキストの点滅効果を追加するデモです。下のステータス バーのテキストが点滅し続けることを確認してください。このコードは Firefox でのみ使用できます。ブラウザ。
実行中のエフェクトのスクリーンショットは次のとおりです:
オンライン デモのアドレスは次のとおりです:
http://demo.jb51.net/js/2015/js-status-bar-txt-blink-codes/
具体的なコードは次のとおりです:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>状态栏文字闪烁特效代码</TITLE>
</HEAD>
<BODY>
<script language="JavaScript">
<!--
var yourwords = "★ ★ 欢迎光临 ★ ★";
var speed = 700;
var control = 1;
function flash()
{
if (control == 1)
{
window.status=yourwords;
control=0;
}
else
{
window.status="";
control=1;
}
setTimeout("flash()",speed);
}
window.onload=flash
// -->
</script>
</BODY>
</HTML>
この記事が JavaScript プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。