JS实现浏览器状态栏文字闪烁效果的方法_javascript技巧-js教程-PHP中文网

首页

web前端

js教程

JS实现浏览器状态栏文字闪烁效果的方法_javascript技巧

May 16, 2016 pm 03:34 PM

js 文字闪烁浏览器状态栏

本文实例讲述了JS实现浏览器状态栏文字闪烁效果的方法。分享给大家供大家参考，具体如下：

这里演示为你的IE浏览器状态栏增加文字闪烁效果，请看下面的状态栏中的文字一直不停的闪烁，火狐下可能效果不正常，本代码只针对IE浏览器。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-status-bar-txt-blink-codes/

具体代码如下：

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;
&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;状态栏文字闪烁特效代码&lt;/TITLE&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;script language="JavaScript"&gt;
&lt;!--
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
// --&gt;
&lt;/script&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;