ブラウザステータスバーのテキスト点滅効果を実現するJSメソッド_JavaScriptスキル

WBOY
リリース: 2016-05-16 15:34:52
オリジナル
1791 人が閲覧しました

この記事の例では、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 プログラミングのすべての人に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!