页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容 textarea 打字机

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

发布：dxy 字体：[增加减小] 类型：转载

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

比较不错的应用

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

Tags：javascript textarea 打字机

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：javascript一些不错的函数脚本代码
下一篇文章：js实例入门(简单展开或关闭)

·在百度中搜索关于“javascript之textarea打字机效果提示代码推荐相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行