javascript之textarea打字机效果提示代码推荐_javascript技巧_动视

javascript之textarea打字机效果提示代码推荐_javascript技巧

2020-11-27 20:39:57 责编:小OO

比较不错的应用

<textarea id="content" name="content" cols="70" rows="5" style="width:450px;height:50px" class="text" onchange="CHECKCONTENT()" onClick="javascript:flush();"></textarea> 
 
function $(id){return document.getElementById(id);} 
var msgall="一个专业的收藏精品脚本学习资料的网站,修正错误,努力打造精品脚本学习站，我们将会为大家附上游戏脚本资源，源码，软件等信息" 
var msg = "输入问题内容，点击"我要提问"。" ; 
var interval = 100 
var spacelen = 100; 
var space10=" "; 
var seq=0; 
var cont=true 
function Scroll() { 
 len = msg.length; 
 $("content").value = msg.substring(0, seq+1); 
 seq++; 
 if ( seq >= len ) { 
 seq = 0; 
 var per=Math.round(Math.random()*(5-1))+1; 
 switch (per){ 
 case 1: msg="脚本之家 www.gxlcms.com 提示信息一";break; 
 case 2: msg="提示信息2 脚本之家 www.gxlcms.com ";break; 
 case 3: msg="提示信息3 脚本之家 www.gxlcms.com";break; 
 case 4: msg="提示信息4 脚本之家 www.gxlcms.com";break; 
 case 5: msg="提示信息5 脚本之家 www.gxlcms.com";break; 
 } 
 if (cont) { 
 window.setTimeout("Scroll();", interval ); 
 } 
 else{ 
 $("content").value=""; 
 } 
 } 
 else 
 if (cont) { 
 window.setTimeout("Scroll();", interval ); 
 } 
 else{ 
 $("content").value=""; 
 } 
} 
Scroll(); 
function flush(){ 
 $("content").value=""; 
 cont=false; 
 $("content").onclick=function(){return void(0);};

} 
</ script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

下载本文

显示全文

全部频道