JS实现自定义状态栏动画文字效果示例

来源：动视网责编：小采时间：2020-11-27 22:27:57

JS实现自定义状态栏动画文字效果示例

JS实现自定义状态栏动画文字效果示例:本文实例讲述了JS实现自定义状态栏动画文字效果。分享给大家供大家参考，具体如下：在IE浏览器中打开，显示动态文字的效果，主要浏览器左下角的文字。 <body onload=stack();> <script type=text/javascript> va

推荐度：

点击下载本文 文档为doc格式

导读JS实现自定义状态栏动画文字效果示例:本文实例讲述了JS实现自定义状态栏动画文字效果。分享给大家供大家参考，具体如下：在IE浏览器中打开，显示动态文字的效果，主要浏览器左下角的文字。 <body onload=stack();> <script type=text/javascript> va

本文实例讲述了JS实现自定义状态栏动画文字效果。分享给大家供大家参考，具体如下：

在IE浏览器中打开，显示动态文字的效果，主要浏览器左下角的文字。

<body onload="stack();">
 <script type="text/javascript">
 var statusText="自定义动画状态栏文字";
 var out="";
 var pause=100;
 var animateWidth=20;
 var position=animateWidth;
 var i=0;
 var stack=function(){
 if(statusText.charAt(i)!=" "){
 out="";
 for(var j=0;j<i;j++){
 out+=statusText.charAt(j);
 }
 for(j=i;j<position;j++){
 out+=" ";
 }
 out+=statusText.charAt(i);
 for(j=position;j<animateWidth;j++){
 out+=" ";
 } 
 window.status=out;
 if(position==i){
 animateWidth++;
 position=animateWidth;
 i++;
 }else{
 position--;
 }
 }else{
 }
 if(i<=statusText.length){
 setTimeout("stack()",pause);
 }
 }
 </script>
</body>

运行效果：

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript动画特效与技巧汇总》、《JavaScript图形绘制技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数算用法总结》

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

JS实现自定义状态栏动画文字效果示例

推荐度：

点击下载本文 文档为doc格式

标签：文字特效 js

热门焦点

JS实现自定义状态栏动画文字效果示例

JS实现自定义状态栏动画文字效果示例

JS实现自定义状态栏动画文字效果示例

最新推荐

猜你喜欢

热门推荐