js如何实现点击文字触发自定义的函数

发布网友发布时间：2022-04-23 03:45

共4个回答

懂视网时间：2022-04-23 08:06

这次给大家带来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>

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！