Js 實(shí)現(xiàn)文字爬樓滾動(dòng)效果結(jié)合文本框

更新時(shí)間：2009年10月20日 00:39:22 作者：

一個(gè)文本框的另類用法，結(jié)合JavaScript實(shí)現(xiàn)文字慢慢向上爬的效果，一層一層往上爬，由此你可以創(chuàng)意出不少的文字特效來(lái)。

<html> <head> <title>文字爬樓</title> </head><body> <SCRIPT language=JavaScript> msg="腳本之家網(wǎng)頁(yè)特效" 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需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

爬樓滾動(dòng)

相關(guān)文章

javascript 灑脫飄動(dòng)的文字
飄動(dòng)的文字，看著還挺自在、灑脫，網(wǎng)上經(jīng)常見的東西，原來(lái)是這么實(shí)現(xiàn)的，奉獻(xiàn)給大家哦。
2009-10-10
走馬燈效果代碼js appendChild實(shí)現(xiàn)的無(wú)縫滾動(dòng)
走馬燈效果代碼js appendChild實(shí)現(xiàn)的無(wú)縫滾動(dòng)
2010-03-03
文字瞬間從左到右切換顯示的JavaScript代碼
Javascript一文字修飾程序，不知如何來(lái)形容，看了比較喜歡，讓一組文字不斷的切換，顯示時(shí)候從左到右瞬間切換完成，但還能讓人感覺有動(dòng)態(tài)變化的效果，有興趣試一下，直接復(fù)制到你的網(wǎng)頁(yè)上就能用了
2009-10-10
窗體滾動(dòng)條出現(xiàn)在左側(cè)的實(shí)例代碼
讓瀏覽器窗口中的滾動(dòng)條打破常規(guī)出現(xiàn)在網(wǎng)頁(yè)的左側(cè)，記得在藏文的一些網(wǎng)站，經(jīng)?？吹骄W(wǎng)頁(yè)滾動(dòng)條居左，不知為何居左，可能是某些人群的使用習(xí)慣吧。
2010-09-09
javascript 走馬燈效果的鏈接提示
走馬燈效果的鏈接提示，大家的需求不一樣，因此可能有朋友會(huì)喜歡這樣的鏈接提示，用到的話，再好好美化一下，其實(shí)效果還是不錯(cuò)的。
2009-10-10
Js 實(shí)現(xiàn)文字爬樓滾動(dòng)效果結(jié)合文本框
一個(gè)文本框的另類用法，結(jié)合JavaScript實(shí)現(xiàn)文字慢慢向上爬的效果，一層一層往上爬，由此你可以創(chuàng)意出不少的文字特效來(lái)。
2009-10-10
JavaScript實(shí)現(xiàn)雪花飄落效果特效
雪，是冬天的靈魂，為大地鋪好背景，之后發(fā)生的都如夢(mèng)似幻，就像童話般的存在。冬天沒有雪，能難倒程序猿嗎，沒有雪自己造，這篇文章主要介紹了JavaScript實(shí)現(xiàn)雪花飄落效果特效,需要的朋友可以參考下
2023-01-01
簡(jiǎn)介內(nèi)容超出部分文字隱藏省略的特效(可顯示)
如果字?jǐn)?shù)找過(guò)特定的字符數(shù)，那么超過(guò)這個(gè)字符數(shù)后的文字就顯示省略號(hào)... 然后出現(xiàn)【展開】或省略號(hào)，點(diǎn)擊之后就出現(xiàn)全部?jī)?nèi)容
2011-10-10
javascript上下左右定時(shí)滾動(dòng)插件
在網(wǎng)上找到的，我認(rèn)為最為方便的一段定時(shí)滾動(dòng)代碼，找了很多其他的總是有這樣那樣的問題，好不容易找到的，就分享一下。
2010-06-06
不一樣的文字閃爍輪番閃爍
這是一個(gè)文字閃爍效果，不同的是它是由兩組文字組成，在閃爍的過(guò)程中可以重復(fù)切換，代碼中的speed指定字體閃爍的頻率，可以把引號(hào)內(nèi)的內(nèi)容換成你想要的文字，要記住一定要在body中加上onload語(yǔ)句，否則會(huì)無(wú)效哦。
2009-11-11