JS实现IE状态栏文字缩放效果代码

 更新时间:2015年10月24日 10:52:02   作者:企鹅  
这篇文章主要介绍了JS实现IE状态栏文字缩放效果代码,涉及JavaScript针对浏览器的相关调用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现IE状态栏文字缩放效果代码。分享给大家供大家参考,具体如下:

这里演示状态栏文字缩放变化效果,同样基于JavaScript技术,虽然很不起眼的小特效,不过对学习JS来说,还是很有用的。本效果直接运行可能看不到效果,你可以复制代码保存成一个HTML文件,双击后运行可看到效果。

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/js-ie-ztl-txt-style-demo/

具体代码如下:

<HTML>
<HEAD>
<TITLE>状态栏文字缩放出现</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
<!-- Begin
timeID = 5;
stcnt = 11;
msg = "<<I love shenlong!!!>>";
wmsg = new Array(33);
wmsg[0] = msg;
blnk = "";
for (i = 1; i < 32; i++) {
b = blnk.substring(0, i);
wmsg[i] = "";
for (j = 0; j < msg.length; j++) wmsg[i] = wmsg[i] + msg.charAt(j) + b;
}
function wiper() {
if (stcnt > -1) str = wmsg[stcnt]; 
else str = wmsg[0];
if (stcnt-- < -40) stcnt = 31;
status = str;
clearTimeout(timeID);
timeID = setTimeout("wiper()", 150);
}
// End -->
</SCRIPT>
</HEAD>
<BODY bgColor=#fef4d9 onload=wiper()>
<BR>
<CENTER>
<TABLE borderColor=#FFFF00 border=5 borderlight="green">
 <TBODY>
 <TR>
 <TD align=middle>状态栏为效果显示区!</TD>
 </TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • div移动 输入框不能输入的问题

    div移动 输入框不能输入的问题

    使用了移动层,可里面的输入框却不能使用了,下面是解决方法需要的朋友可以参考下。
    2009-11-11
  • javascript中全局对象的isNaN()方法使用介绍

    javascript中全局对象的isNaN()方法使用介绍

    全局对象的isNaN()方法通常用于检测 parseFloat() 和 parseInt() 的结果,下面为大家介绍下其具体的使用,感兴趣的朋友可以参考下
    2013-12-12
  • echarts学习之如何给饼图中间添加文字

    echarts学习之如何给饼图中间添加文字

    这篇文章主要介绍了echarts学习之如何给饼图中间添加文字问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • js实现简单的贪吃蛇游戏

    js实现简单的贪吃蛇游戏

    这篇文章主要为大家详细介绍了js实现简单的贪吃蛇游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • electron 引入node服务的操作方法

    electron 引入node服务的操作方法

    这篇文章主要介绍了electron 引入node服务的操作方法,引入node服务很简单,直接在electron的主体中引入就可以了,对electron 引入node服务感兴趣的朋友一起看看吧
    2024-03-03
  • JavaScript实现的双向跨域插件分享

    JavaScript实现的双向跨域插件分享

    这篇文章主要介绍了JavaScript实现的双向跨域插件分享,本文实现把整个跨域过程抽象出来,封装成一个JavaScript插件,需要的朋友可以参考下
    2015-01-01
  • javascript中普通函数的使用介绍

    javascript中普通函数的使用介绍

    本文为大家介绍下javascript中普通函数的使用,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12
  • JS中传递参数的几种不同方法比较

    JS中传递参数的几种不同方法比较

    本篇文章主要介绍了JS中传递参数的几种不同方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript 映射器 array.flatMap()

    JavaScript 映射器 array.flatMap()

    这篇文章主要介绍了JavaScript 映射器 array.flatMap(),array.flatMap()是一个映射函数,它接收一个数组和一个映射函数,然后返回一个新的映射数组,下面进入文章了解具体内容
    2022-02-02
  • javascript dom追加内容实现示例

    javascript dom追加内容实现示例

    javascript dom追加内容的使用还是比较广泛的,在本文将为大家介绍下具体的使用方法,感兴趣的朋友可以参考下
    2013-09-09

最新评论