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

175 阅读 0 评论 116 点赞

我是靠谱客的博主丰富犀牛，这篇文章主要介绍JS实现浏览器状态栏文字闪烁效果的方法，现在分享给大家，希望可以做个参考。

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

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

运行效果截图如下：

在线演示地址如下：

http://demo.uoften.com/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程序设计有所帮助。