打字机效果

2008-09-28 13:17:00 | 【
下面的文本框内将出现打字机效果,很帅哟:

在文本框内的文字如同打字机一样逐一出现,很有感觉

查看全部代码 View Code

第一步:
在<head>区添加以下代码:

<script>

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序,请保留此声明
         * 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
         ******************************************************/
    
<!--
var i = 0
var showString= "welcome share javascript! our url is:http://www.sharejs.com"
function marquee()
{
var stringLength= showString.length
document.getElementById("marquee1").value= document.getElementById("marquee1").value + showString.charAt(i)
i++
var timeID= setTimeout("marquee()",70)
if (i >= stringLength)
	{clearTimeout(timeID); i=0; location.href="http://www.sharejs.com"}
}

//-->
</script>


第二步:
在Body标签添加OnLoad事件,在页面加载时执行
 <body onLoad= "marquee()">


第三步:
在<body>区放一文本输入框,ID=marquee1
 下面的文本框内将出现打字机效果,很帅哟:<br>
<textarea rows=6 cols=57 wrap="virtual" name="marquee1"></textarea>

下载"打字机效果"

  • 本地下载
  • 本地下载2
上一篇: Ctrl + Enter 提交表单  
下一篇: 前进后退按钮

相关资源