您的位置:首页 > Web前端 > JavaScript

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

2015-10-27 00:00 801 查看

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

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

运行效果截图如下:



在线演示地址如下:

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程序设计有所帮助。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: