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程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了如何纯JavaScript实现樱花飘落效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-04-04
这篇文章主要为大家详细介绍了js弹出窗口的简单实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要为大家详细介绍了layui实现左侧菜单点击右侧内容区显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要介绍了微信小程序单列下拉菜单，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要为大家详细介绍了微信小程序日期时间选择器的使用方法，自定义精确到分秒或时段，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-02-02
这篇文章主要为大家详细介绍了功能强大的Bootstrap使用手册，分享了Bootstrap使用步骤和常用用法，感兴趣的小伙伴们可以参考一下2016-08-08
ES6已经不再是JavaScript最新的标准，但是它已经广泛用于编程实践中。下面通过本文给大家分享前端开发不得不知的10个最佳ES6特性，感兴趣的朋友参考下吧2017-08-08
本文主要介绍了利用javascript实现获取鼠标当前的位置的具体方法，具有很好的参考作用，需要的朋友可以看看2016-12-12
layui自定义插件citySelect实现省市区三级联动选择
这篇文章主要为大家详细介绍了layui自定义插件citySelect实现省市区三级联动选择，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要为大家详细介绍了JavaScript实现电商平台商品细节图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
最新评论