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

# 💍 效果如下:

# 💍 详细代码如下:

Js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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) 基础知识,希望可以对来到阿杰博客的朋友有所帮助
如代码有问题,请指点出来,大家讨论一下,谢谢!

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

码坑 微信支付

微信支付

码坑 支付宝支付

支付宝支付

码坑 QQ支付

QQ支付