当前位置:首页 > 日记 > 正文

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

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

本文实例讲述了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程序设计有所帮助。

相关文章

对您可能忽略的Javascript排序()排序有一点

对您可能忽略的Javascript排序()排序有一点

排序,对您,电脑软件,Javascript,前言 在Javascript数组排序中,有一种排序()方法。排序()方法可以分为两种,一种是数组的文本数组,另一种是数字数组的排序。下面的文章主要是跟大家分享一下最近学习javascript排序()排序的情况,并发现了一点了解。让我们详细介绍…

微信小程序 下拉菜单简单实例

微信小程序 下拉菜单简单实例

简单实例,下拉菜单,程序,电脑软件,微信小,微信小程序 下拉菜单简单实例wcss /**DropDownMenu**/ /*总菜单容器*/ .menu { display: block; height: 28px; position: relative; } /*一级菜单*/ .menu dt { font-size: 15px; float…

手机QQ麦克风没声音如何设置权限

手机QQ麦克风没声音如何设置权限

步骤,权限,设置,权限设置,麦克风,  麦克风是手机QQ上的一项功能,那么你知道手机qq麦克风没声音怎么设置吗?下面小编给你分享一下设置手机qq麦克风没声音的方法,希望能帮到你。设置手机qq麦克风声音的步骤选择安全中心设置手机qq麦克风声音…

Word2013中进行设置环绕方式的操作

Word2013中进行设置环绕方式的操作

设置,操作方法,方式,操作步骤,图片,  新版本的Office在页面上有很大的不同,有些功能指令的位置也与旧版本的相比有了改变,今天,小编就教大家在Word2013中进行设置图片环绕方式的操作方法。Word2013中进行设置图片环绕方式的操作步骤设置已插…

php获取字符串前几位的实例 | subs

php获取字符串前几位的实例 | subs

字符串,子串,几位,实例,电脑软件,在实际项目应用中,经常遇到使用php获取字符串前几位用来比较、赋值等等。今天给大家分享使用php substr 获取字符串前几位、后几位、指定位的用法。substr(PHP 4, PHP 5)substr — 返回字符串的子串说明stri…

如何用PS滤镜制作节日烟花

如何用PS滤镜制作节日烟花

滤镜,如何用,烟花,节日,电脑软件,   今天的这个教程主要是讲解使用滤镜制作非常绚丽的礼花效果,教程重点介绍了其中一部分的制作的方法,其他的都是用同样的方法完成。下面跟小编来了解一下吧!用PS滤镜制作绚丽的节日烟花最终效果…

PHP面向对象多态性实现方法简单示

PHP面向对象多态性实现方法简单示

多态性,面向对象,方法,示例,简单,本文实例讲述了PHP面向对象多态实现方法。分享给大家供大家参考,具体如下:多态:父类引用指向子类对象(面向对象中能够根据使用类的上下文(使用输入不同的类调用不同类的方法)来重新定义或改变类的性质和行为。);接…

excel表格怎么设置窗口平铺显示

excel表格怎么设置窗口平铺显示

设置,显示,方法,平铺,窗口,  有些情况下,要在同一Excel工作簿中比较两个工作表,若采用多窗口查看,这两个窗口是水平平铺的,一个窗口中的内容有时会覆盖另一个窗口中的内容。下面给大家分享excel2007窗口并排平铺显示的设置方法,欢迎大家来到学…

PS简单制作玻璃高跟鞋

PS简单制作玻璃高跟鞋

玻璃,简单,电脑软件,PS,下面教大家PS简单制作玻璃高跟鞋方法,方法很简单,非常适合新手来学习,来学习吧!步骤:1、在ps软件中,新建一个800*800图层,然后拉一个径向渐变 如图所示2、然后打开素材,把它的图层模式改为正片叠底 如图所示他3、在背景层上…

JSP状态管理的简单介绍

JSP状态管理的简单介绍

状态,简单,电脑软件,JSP,JSP状态管理的简单介绍一 http协议的无状态性无状态性是指:当浏览器发送请求给服务器时,服务器响应客户端请求。但是当同一个浏览器再次发送请求给服务器的时候,服务器并不知道它就是刚才那个浏览器。简单地说,就是服务…

ps如何使用双窗口监控图像功能

ps如何使用双窗口监控图像功能

图像,如何使用,窗口,功能,电脑软件,你遇到这种情况的时候,你用photshop来修复它吗有没有烦躁的时候 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1,在细节上,我们总是要放大和缩小来观察图片。说这是真的…

关于PS等高线使用ps等值线滤波器的

关于PS等高线使用ps等值线滤波器的

教程,滤波器,等值线,等高线,电脑软件,不同的滤镜可以在ps中产生不同的效果,今天我们来看一下使用轮廓滤波器的方法。 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1,打开一个PS软件,然后打开一个需要过滤的…