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

  作者:bea

本文实例讲述了JS实现浏览器状态栏文字闪烁效果的方法。分享给大家供大家参考,具体如下: 这里演示为你的IE浏览器状态栏增加文字闪烁效果,请看下面的状态栏中的文字一直不停的闪烁,火狐下可能效果不正常,本代码只针对IE浏览器。 运行效果截图如下: 在线演示地址如下: http://demo./js/2015/js-status-bar-txt-blink-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

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


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


运行效果截图如下:



在线演示地址如下:


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




有用  |  无用

猜你喜欢