Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-04-17 20:02:34

网页文字跳动波浪文字代码 js文字波浪效果

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>
        <html>
<head>
<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("文本过于短,请多输入一些字符!")
}
}
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()
}
}

<DIV id=jumpx style="COLOR: #FF0000; font-weight:bold;"></DIV>
<SCRIPT>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</SCRIPT>
</body></html>

在线演示

浏览次数次

react源码系统 vue源码系统 vue + typeScript源码系统

上一篇文章：下拉框控制文本框栏目显示的信息

下一篇文章：网页随机显示数字特效代码

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

波浪效果的文字js特效

推荐阅读：

相关代码：

标签分类