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需再刷新一下页面才能执行]

您可能感兴趣的文章:

爬楼滚动

颜色变换像字符逐字输入的欢迎词
一个炫彩的网页欢迎词，其实就是Javascript文字特效，只不过它是打字与炫彩的结合，在网页的一角放上这效果，给平静的网页增添点动态元素。
2009-10-10
Js仿新浪微博首页内容滚动
JavaScript仿新浪微博首页的内容滚动，将推荐的几条微博按一定规律自行滚动，依次类推，大家先看看效果就明白了
2010-11-11
JavaScript 点击插入文字
JavaScript点击插入文字，在一段文字的任意处点击，会将你时先准备好的文字插入到一段文字中，可能大家不怎么用到，不过感觉很奥妙，希望高手改进成自己想要的效果。
2009-10-10
javascript 走马灯效果的链接提示
走马灯效果的链接提示，大家的需求不一样，因此可能有朋友会喜欢这样的链接提示，用到的话，再好好美化一下，其实效果还是不错的。
2009-10-10
javascript 模拟Marquee文字向左均匀滚动代码
Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.
2009-10-10
JS溶解形式的文字切换特效
JavaScript形成溶解过渡形式的文字切换特效，够酷吧，的你平静如水的网页上旋转这么一个文字特效，一定会吸引不少人的注意力，文字内容和颜色以及字号大小看看代码就会知道怎么改了。
2009-11-11
走马灯效果代码js appendChild实现的无缝滚动
走马灯效果代码js appendChild实现的无缝滚动
2010-03-03
CSS 动态链接提示
CSS实现动态的链接提示，带动画效果，当然，这不光是CSS的功劳，JavaScript也用上了，当你把鼠标放到文字上的时候，你就会看到一行提示文字出现的效果了。
2009-10-10
javascript 实用的文字链提示框效果
鼠标滑过文章中的链接文字，要在相应位置弹出提示框，提示框的样式由css来控制，高度自适应；鼠标可以点击提示框的中的链接,滑离提示框时，框自动消失
2010-06-06
一个实现字体大中小方法的JavaScript代码
再发一个实现字体大中小方法的JavaScript代码，这种效果估计大家在网上见到挺多了，点击适时改变网页上字体的大小，以适合不同人群的浏览体验，本代码较简单，使用方便。
2011-08-08