打字效果和移动光标最后

打字效果和移动光标最后

<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



猜你喜欢

转载自blog.csdn.net/hbwhypw/article/details/12007981