侧边栏壁纸
  • 累计撰写 24 篇文章
  • 累计创建 11 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

js文字闪动效果

阿杰
2022-06-02 / 0 评论 / 1 点赞 / 116 阅读 / 280 字

利用javaSrcipt(js)实现对文字的如跑马灯一样的效果。

💍 效果如下:

💍 详细代码如下:

<script>
var Tname="欢迎来到码坑的博客";
var Tlen=Tname.length;
document.write("<div id='a' style='font-size:40px;'>"+Tname+"</div>");
var col=new Array("#4FFFF","#3333FF","#FFCC00","chartreuse","#FFCC00","#CC33FF");
var ic=0;
function Dcolor(){
  var Strname="";
  for (i=0;i<Tlen;++i){
    var Strname=Strname+"<font color="+col[ic]+">"+Tname.substring(i,i+1)+"</font>";
	ic=ic+1;
  	if (ic==col.length) ic=0;
  }
  a.innerHTML=Strname;
  setTimeout("Dcolor()",200);
}
Dcolor();
</script>

这个案例的话只是简单的javaSrcipt(js)基础知识,希望可以对来到阿杰博客的朋友有所帮助
如代码有问题,请指点出来,大家讨论一下,谢谢!

1

评论区