JavaScript圖文詳細教程之頁面“打字機”效果_javascript

　　網頁“打字機”效果要怎么實現，是不是很復雜？這或許是很多菜鳥用戶最想要知道的，其實這一點都不復雜。在網頁中經常有人使用swish來做打字效果，其實JavaScript也能做出那樣的效果，按如下方法在HTML文件中加入JavaScript代碼便可。要使用的文字你可以根據需要修改。

JavaScript教程之網頁“打字機”效果

　　第一步：把如下代碼加入《head》區域中。

　　《SCRIPT LANGUAGE=“JavaScript”》《BR》《！-- Original： Tarjei Davidsen （the@rescueteam.com） --》《BR》《！-- This script and many more are available free online at --》《BR》《！-- The JavaScript Source�。� http://javascript.internet.com --》《BR》《！-- Begin《BR》var max=0;《BR》function textlist（） {《BR》max=textlist.arguments.length;《BR》for （i=0; i《max; i++）《BR》this［i］=textlist.arguments［i］;《BR》}《BR》tl = new textlist（《BR》“用電腦撥打市話”，《BR》“IE附帶的NetMeeting軟件，完全免費，可以進行PC到PC的網絡通話，《BR》可惜連接速度實在不敢恭維。”，《BR》“另外IPhone可以直接撥到對方固定電話上面，連接速度也不賴，《BR》惟一遺憾的就是只有14天的免費試用期。”，《BR》“我在這里推薦MediaRing Talk中文版，”，《BR》“可以免費同在線用戶通話，而且繳納少量費用就可以同固定電話連接。”《BR》）;《BR》var x = 0; pos = 0;《BR》var l = tl［0］.length;《BR》function textticker（） {《BR》document.tickform.tickfield.value = tl［x］.substring（0， pos） + “_”;《BR》if（pos++ == l） {《BR》pos = 0;《BR》setTimeout（“textticker（）”， 2000）;《BR》if（++x == max） x = 0;《BR》l = tl［x］.length;《BR》} else《BR》setTimeout（“textticker（）”， 50）;《BR》}《BR》// End --》《/script》《/head》

　　第二步：把如下代碼加入《body》區域中。

　　《form name=tickform》

　　《textarea name=tickfield rows=3 cols=38 style=“background-color： rgb（0，0，0）; color： rgb（255，255，255）; cursor： default; font-family： Arial; font-size： 12px” wrap=virtual》The news will appear here when the page has finished loading.

　　第三步：把《body》改為。

　　《body bgcolor=“#fef4d9” OnLoad=“textticker（）”》