打字效果和移动光标最后
<html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var message = "上世纪60年代,根据柳残阳原著改编的粤语神怪武侠片《如来神掌》曾红极一时,由当时的巨星曹达华、于素秋扮演主角,整个系列曾先后拍摄5集,片中的“火云邪神”([柠檬]饰演)是主人公龙剑飞的师傅,也是绝技“如来神掌”的传人。后来,曾江、雪妮还续拍了《如来神掌再显神威》、《如来神掌劈魔平九派》,可见这套电影当时的热门程度。而到了1982年,邵氏还推出了新版《如来神掌》,万梓良在片中扮演的就是“火云邪神”。电视也曾两度拍摄《如来神掌》片集,第一套分别由于洋主演,後一套由张智霖主演。《如来神掌》《如来神掌》火云邪神的名字还被借用到漫画之中,黄玉郎从上世纪70年代开始连载的名著《龙虎门》中的大反派、日本罗刹教教主便叫“火云邪神”。1994年,《功夫》的武术指导袁和平还拍过一部《火云传奇》,林青霞扮演的角色也被称为“火云邪神”。可以说,火云邪神一词在香港武侠文化中占有不可忽视的地位。", pos = 0 , /*初始截字符的位置*/ maxlength = message.length + 1; /* * 打字效果 */ function writemsg() { if (pos < maxlength) { txt = message.substring(pos, 0); document.forms[0].vito.value = txt+'|'; document.forms[0].vito.style.color = '#00F' /*设置打出来的字体样式*/ timer = setTimeout("writemsg()", 100) /*设置间隔50毫秒打一个字*/ pos++ } else { txt = message.substring(pos-1, 0); document.forms[0].vito.value = txt; document.forms[0].vito.focus(); locatePoint(); } } /* * 光标文本域最后 */ function locatePoint(){ var textArea = document.forms[0].vito; if (textArea.setSelectionRange) { // ff setTimeout(function() { textArea.setSelectionRange(textArea.value.length, textArea.value.length); }, 0); }else if (textArea.createTextRange) { // IE var tempText=textArea.createTextRange(); tempText.moveStart("character",textArea.value.length); tempText.collapse(true); tempText.select(); } } </script> </head> <body> <form action=""> <textarea rows="10" cols="160" id="vito"></textarea><br /> <input type="button" onclick="writemsg()" value="开始" /> </form> </body> </html>
参考来源:
http://www.jb51.net/article/26527.htm
http://www.cnblogs.com/vchenpeng/p/3172929.html