JS实现自定义状态栏动画文字效果示例
2017-10-12 12:07
876 查看
在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实现html中placeholder属性提示文字效果示例
- JS实现的简单折叠展开动画效果示例
- jquery使用CSS3实现文字动画效果插件Textillate.js
- 原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
- JS实现的透明度渐变动画效果示例
- JS实现的文字间歇循环滚动效果完整示例
- JS实现图片旋转动画效果封装与使用示例
- JS实现匀速与减速缓慢运动的动画效果封装示例
- two.js之实现动画效果示例
- jquery使用CSS3实现文字动画效果插件Textillate.js
- 利用JS实现文字的聚合动画效果
- js+css实现有立体感的按钮式文字竖排菜单效果
- JS实现浏览器状态栏文字从右向左弹出效果代码
- js、jquery和css 3中的动画实现效果
- js实现类似光照的炫彩文字渐变视觉冲击效果
- 20150730 JS动画效果实现
- JS实现图片翻书效果示例代码
- 使用JS实现气泡跟随鼠标移动的动画效果
- js实现模拟计算器退格键删除文字效果的方法
- jQuery实现鼠标响应式透明度渐变动画效果示例