首页 web前端 js教程 JS实现浏览器状态栏文字闪烁效果的方法_javascript技巧

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/

具体代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<!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程序设计有所帮助。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

聚币网APP在哪下载 聚币网APP在哪下载 Mar 05, 2025 pm 09:06 PM

聚币网APP在哪下载

gate官网下载安卓 gate官网下载安卓 Mar 05, 2025 pm 07:54 PM

gate官网下载安卓

不收钱的行情软件app网站有哪些 不收钱的行情软件app网站有哪些 Mar 05, 2025 pm 08:57 PM

不收钱的行情软件app网站有哪些

欧易官方网站最新注册入口 欧易官方网站最新注册入口 Mar 21, 2025 pm 05:54 PM

欧易官方网站最新注册入口

Coinbase交易所登录入口2025 Coinbase交易所登录入口2025 Mar 21, 2025 pm 05:51 PM

Coinbase交易所登录入口2025

Huobi交易所官网登录入口最新版 Huobi交易所官网登录入口最新版 Mar 05, 2025 pm 08:39 PM

Huobi交易所官网登录入口最新版

欧易交易所app国内下载教程 欧易交易所app国内下载教程 Mar 21, 2025 pm 05:42 PM

欧易交易所app国内下载教程

deepseek网页版入口_deepseek网页版入口官网 deepseek网页版入口_deepseek网页版入口官网 Mar 12, 2025 pm 12:30 PM

deepseek网页版入口_deepseek网页版入口官网

See all articles