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

 更新时间:2015年10月27日 10:55:15   作者:企鹅  
这篇文章主要介绍了JS实现浏览器状态栏文字闪烁效果的方法,通过时间函数定时触发递归调用实现状态栏文字闪烁效果,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • JS闭包经典实例详解

    JS闭包经典实例详解

    这篇文章主要介绍了JS闭包,结合一个经典实例较为详细的分析了javascript闭包的原理及使用方法,需要的朋友可以参考下
    2018-12-12
  • 使用 Jest 和 Supertest 进行接口端点测试实例详解

    使用 Jest 和 Supertest 进行接口端点测试实例详解

    这篇文章主要介绍了使用 Jest 和 Supertest 进行接口端点测试,结合实例形式详细分析了使用 Jest 和 Supertest 进行接口端点测试具体原理、操作技巧与相关注意事项,需要的朋友可以参考下
    2020-04-04
  • js实现tab选项卡函数代码

    js实现tab选项卡函数代码

    js实现tab选项卡函数代码,需要的朋友可以参考下,这样的代码也是比较常用的,相当原理也比较简单。
    2010-04-04
  • 游戏人文件夹程序 ver 3.0

    游戏人文件夹程序 ver 3.0

    游戏人文件夹程序 ver 3.0...
    2006-07-07
  • 理解javascript中Map代替循环

    理解javascript中Map代替循环

    这篇文章主要帮助大家理解javascript中Map代替循环,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 了解一点js的Eval函数

    了解一点js的Eval函数

    之前只知道eval可以解析字符串,刚刚网上看了又了解了一点,这里贴出来,不懂的也看看哈
    2012-07-07
  • 如何在TypeScript中使用函数

    如何在TypeScript中使用函数

    这篇文章主要为大家介绍了如何在TypeScript中使用函数实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • JavaScript中颜色模型的基础知识与应用详解

    JavaScript中颜色模型的基础知识与应用详解

    颜色模型,是用来表示颜色的数学模型。比如最常见的 RGB模型,使用 红绿蓝 三色来表示颜色。本文就来和大家讲讲JavaScript中颜色模型的基础知识与应用吧
    2023-02-02
  • input点击后placeholder中的提示消息消失

    input点击后placeholder中的提示消息消失

    placeholder属性是HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示
    2016-01-01
  • 如何让页面加载完成后执行js

    如何让页面加载完成后执行js

    本篇文章是对如何让页面加载完成后执行js的解决方法进行了详细的分析介绍,需要的朋友参考下
    2013-06-06

最新评论