首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > 爬楼滚动

Js 实现文字爬楼滚动效果结合文本框

2009-10-20 00:39:22 作者：

一个文本框的另类用法，结合JavaScript实现文字慢慢向上爬的效果，一层一层往上爬，由此你可以创意出不少的文字特效来。

<html> 
<head> 
<title>文字爬楼</title> 
</head><body> 
<SCRIPT language=JavaScript> 
msg="脚本之家网页特效" 
align="left"; 
speed=250; 
up=true; 
spas=" "; 
for (a=0;a<=12;a++) {spas+=" "} 
msg=spas+msg+spas; 
j=eval(-1); 
stop=msg.length; 
document.write("<form name='form'><table border=0 cellspacing=0 " 
+"cellpadding=0 align="+align+">"); 
for (i=1;i<=13;i++) { 
document.write("<tr><td><input type=text name=\"box"+i+"\" size=1>"); 
document.write("</td></tr>"); 
} 
document.write("</table></form>"); 
function scrollIt() { 
j++; 
with (document.form) { 
if ((j+12) <= stop) { 
box1.value = msg.charAt(j); 
box2.value = msg.charAt(j+1); 
box3.value = msg.charAt(j+2); 
box4.value = msg.charAt(j+3); 
box5.value = msg.charAt(j+4); 
box6.value = msg.charAt(j+5); 
box7.value = msg.charAt(j+6); 
box8.value = msg.charAt(j+7); 
box9.value = msg.charAt(j+8); 
box10.value = msg.charAt(j+9); 
box11.value = msg.charAt(j+10); 
box12.value = msg.charAt(j+11); 
box13.value = msg.charAt(j+12); 
} else { 
j=0; 
} 
} 
setTimeout("scrollIt()",speed);     
} 
scrollIt(); 
// End --> 
</SCRIPT> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Js 实现文字爬楼滚动效果 结合文本框

您可能感兴趣的文章:

Js 实现文字爬楼滚动效果结合文本框