JS实现IE状态栏文字缩放效果代码
JS实现IE状态栏文字缩放效果代码
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了JS实现IE状态栏文字缩放效果代码。分享给大家供大家参考,具体如下:这里演示状态栏文字缩放变化效果,同样基于JavaScrip...

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

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

运行效果截图如下:

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

在线演示地址如下:

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类