首页 > 网络编程 > JavaScript > javascript技巧 > textarea 打字机

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

2008-09-11 00:01:05 作者：

非常不错的提示输入内容，动态的提示，给人亲切感

比较不错的应用

<textarea id="content" name="content" cols="70" rows="5" style="width:450px;height:50px" class="text" onchange="CHECKCONTENT()" onClick="javascript:flush();"></textarea> 
<script language="javascript" type="text/javascript"> 
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.jb51.net 提示信息一";break; 
            case 2: msg="提示信息2 脚本之家 www.jb51.net ";break; 
            case 3: msg="提示信息3 脚本之家 www.jb51.net";break; 
            case 4: msg="提示信息4 脚本之家 www.jb51.net";break; 
            case 5: msg="提示信息5 脚本之家 www.jb51.net";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需刷新才能执行]

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

您可能感兴趣的文章: