最常见的一款Js文字特效

最新推荐文章于 2023-09-15 17:06:55 发布

Microblue

最新推荐文章于 2023-09-15 17:06:55 发布

阅读量1.5k

点赞数

文章标签： function javascript div

本文链接：https://blog.csdn.net/yanjiaye520/article/details/4627496

版权

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>文字特效</title>
</head>
<body>
<script language="JavaScript1.2">
message="文字特效"
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("Your message is to short")
}
}
function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}

function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}

<h2><div id="jumpx" style="color:#0066cc"></div></h2>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>
</body>
</html>

Microblue

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
最常见的一款Js文字特效

文字特效message="文字特效"ns6switch=1var ns6=document.getElementById&&!document.allmes=new Array();mes[0]=-1;mes[1]=-4;mes[2]=-7;mes[3]=-10;mes[4]=-7;mes[5]=-4;mes[6]=-1;num=0;num2=0;txt="";function jump0(){i
复制链接

扫一扫