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 appendChild实现的无缝滚动
走马灯效果代码js appendChild实现的无缝滚动
2010-03-03
文字瞬间从左到右切换显示的JavaScript代码
Javascript一文字修饰程序，不知如何来形容，看了比较喜欢，让一组文字不断的切换，显示时候从左到右瞬间切换完成，但还能让人感觉有动态变化的效果，有兴趣试一下，直接复制到你的网页上就能用了
2009-10-10
窗体滚动条出现在左侧的实例代码
让浏览器窗口中的滚动条打破常规出现在网页的左侧，记得在藏文的一些网站，经常看到网页滚动条居左，不知为何居左，可能是某些人群的使用习惯吧。
2010-09-09
javascript 走马灯效果的链接提示
走马灯效果的链接提示，大家的需求不一样，因此可能有朋友会喜欢这样的链接提示，用到的话，再好好美化一下，其实效果还是不错的。
2009-10-10
Js 实现文字爬楼滚动效果结合文本框
一个文本框的另类用法，结合JavaScript实现文字慢慢向上爬的效果，一层一层往上爬，由此你可以创意出不少的文字特效来。
2009-10-10
JavaScript实现雪花飘落效果特效
雪，是冬天的灵魂，为大地铺好背景，之后发生的都如梦似幻，就像童话般的存在。冬天没有雪，能难倒程序猿吗，没有雪自己造，这篇文章主要介绍了JavaScript实现雪花飘落效果特效,需要的朋友可以参考下
2023-01-01
简介内容超出部分文字隐藏省略的特效(可显示)
如果字数找过特定的字符数，那么超过这个字符数后的文字就显示省略号... 然后出现【展开】或省略号，点击之后就出现全部内容
2011-10-10
javascript上下左右定时滚动插件
在网上找到的，我认为最为方便的一段定时滚动代码，找了很多其他的总是有这样那样的问题，好不容易找到的，就分享一下。
2010-06-06
不一样的文字闪烁轮番闪烁
这是一个文字闪烁效果，不同的是它是由两组文字组成，在闪烁的过程中可以重复切换，代码中的speed指定字体闪烁的频率，可以把引号内的内容换成你想要的文字，要记住一定要在body中加上onload语句，否则会无效哦。
2009-11-11