早上写了个宝宝识字的小页面。
标题是我女儿选的。她要学这几个字。我原先用的是三只小猪的故事。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>宝宝识字</title>
<meta name="keywords" content="宝宝识字" />
</head>
<body>
<input type="text" id=txt style="font-size:288pt" size="2" readonly><input type="button" value="清空" onclick="initdata();">
<textarea id=txtdata cols="10" rows="4" style="font-size:8pt"></textarea><input type="button" value="数据" onclick="setdata();">
<textarea id=txtall cols="40" rows="4" style="font-size:36pt" readonly></textarea>
</body>
</html>
<script language="javascript">
<!--
/*
var str = "三只小猪";
str += "在一个遥远的山村里，住着一位猪妈妈和她的三只可爱的小猪。妈妈每天很辛苦，小猪们一天天长大了，可还是什么事都不做。";
str += "一天晚上，吃过晚饭，猪妈妈把孩子们叫到面前郑重其事地说：“你们已经长大了，应该独立生活了，等你们盖好自己的房后就搬出去住吧。”";
str += "三只小猪谁也不想搬出去住，更不想自己动手盖房子，又不能不听妈妈的话。于是，他们开始琢磨什么样的房子。老大先动手了。";
str += "他首先扛来许多稻草，选择了一片空地，在中间搭了一座简易的稻草屋，然后用草绳捆了捆。“哈哈！我有自己的房子了！”老大乐得欢蹦乱跳。";
str += "第二天老大搬进了自己的新家，老二和老三好奇地前来参观。老二说：“老三，你看大哥的房子，也太简陋了，我要盖一座又漂亮、又舒适的房子！”";
str += "老二跑到山上砍下许多木头回来，锯成木板、木条，叮叮当当地敲个不停。不久，老二也盖好了自己的木房子。显然这比老大的要漂亮、结实得多。";
str += "老二很快搬到自己的新家住了，老大和老三也过来参观。老大赞不绝口，深感自己的房子过于简陋；老三看后说：“我盖的房子还会更好的。”";
str += "老三回到家左思右想，终于决定建造一栋用砖石砌成的房子，因为这种房子非常坚固，不怕风吹雨打，可这需要付出许多努力啊！";
str += "老三每天起早贪黑，一趟一趟地搬回一块一块的石头，堆在一旁，再一块一块地砌成一面面墙。哥哥们在一旁取笑道：“只有傻瓜才会这么做！”";
str += "小弟毫不理会，仍夜以继日地工作。哥哥们休息了，他还在不停地干。这样整整过了三个月，老三的新房子也盖好了！他好高兴啊！";
str += "有一天来了一只大野狼。老大惊慌地躲进了他的稻草屋。野狼\"嘿嘿\"地冷笑了两声，狠狠吹了口气就把稻草屋吹倒了。老大只好撒腿就跑。";
str += "老大径直跑到二弟家，边跑边喊：“二弟！快开门！救命啊！”二弟打开门一看，一只大野狼追了过来，赶紧让大哥进了屋，关好门。";
str += "大野狼追到门前停了下来，心想：“你们以为木头房子就能难住我吗？”他一下一下地向大门撞去。“哗啦”一声，木头房子被撞倒了。";
str += "兄弟俩又拼命逃到老三家，气喘吁吁地告诉老三所发生的一切。老三先关紧了门窗，然后胸有成竹地说：“别怕！没问题了！”";
str += "大野狼站在大门前，他知道房子里有三只小猪，可不知怎么才能进去。他只能重施旧技，对着房门呼呼吹气，结果无济于事。";
str += "野狼有点儿急了，他又用力去撞。“当”的一声，野狼只觉得两眼直冒金星，再看房子，纹丝不动。野狼真的急了，转身去找了一把锤子。";
str += "野狼憋足劲，挥起大铁锤敲了下去，没想到锤子把儿断了，锤子反弹回来，正砸在野狼的头上。“疼死我了！”野狼大叫。他真的无技可施了。";
str += "野狼只好满脸堆笑地请三只小猪一起去郊游。三只小猪很聪明，也很团结。他们提前到郊外摘了许多苹果。不久，野狼来了。";
str += "三只小猪按计划迅速爬到苹果树上。野狼迷惑不解地问：“你们到树上去干什么？”老三回答说：“我们在吃苹果呢！你要不要来一个？”";
str += "野狼馋得直流口水，便满口答应了。老三摘了一个大苹果丢下去，苹果顺着山坡滚下好远，野狼在后面追，结果越跑越远。三只小猪趁机跑回了家。";
str += "野狼气急败坏地返回来，他绕着房子转了一圈，最后爬上房顶，他想从烟囱溜进去。老三从窗口发现后，马上点起了火。";
str += "野狼掉进火炉里，熏得够呛，整条尾巴都烧焦了。他嚎叫着夹着尾巴逃走了，再也不敢来找三只小猪的麻烦了。";
*/
var str = "灰太狼他有一个老婆他爱吃小羊他有一只海鸥三只狗头";
document.all.txtdata.value = str;
var idx = 0;
//var str = "三只小猪";
//alert("ok:" + idx);
function keyUp(e) {
document.all.txt.value= str.charAt(idx);
document.all.txtall.value+= str.charAt(idx);
if(document.all.txtall.value.length>70)
{
document.all.txtall.value = document.all.txtall.value.substr(30);
}
idx++;
if(idx>str.length)
{
initdata();
}
}
function _initdata()
{
document.all.txt.value = document.all.txtall.value.length;
if(document.all.txtall.value.length>70)
{
document.all.txtall.value = document.all.txtall.value.substr(50);
}
}
function initdata()
{
idx = 0;
document.all.txt.value= str.charAt(idx);
document.all.txtall.value= str.charAt(idx);
idx++;
}
function setdata()
{
str = document.all.txtdata.value;
initdata();
}
document.onkeyup=keyUp;
//-->
</script>
分享到：
相关推荐
喜羊羊与灰太狼-月光小羊作文.doc
"锅拍灰太狼图片素材"这个主题涉及到的是一个特定的卡通形象——灰太狼，以及与之相关的创意设计元素。灰太狼是《喜羊羊与灰太狼》这部经典国产动画中的反派角色，以其独特的形象和故事吸引了大量的观众。 在这个...
这个“HTML5 Canvas绘制灰太狼图像效果”是一个利用Canvas API实现的实例，展示了如何通过编程方式创建生动的图像。下面我们将深入探讨HTML5 Canvas的基本概念、绘图方法以及如何实现灰太狼图像的绘制。 1. ...
3. **JavaScript对象**：在JavaScript中，游戏的每个元素（如锅、灰太狼、得分等）都可以表示为对象，每个对象有自己的属性（如位置、速度）和方法（如移动、碰撞检测）。 4. **事件监听**：通过addEventListener...
在“喜羊羊大战灰太狼”游戏中，每个角色（如喜羊羊、灰太狼）都可以被抽象成一个类，包含属性（如生命值、位置）和方法（如移动、攻击）。游戏场景则可以设计为一个大的游戏世界类，包含地图、障碍物和其他元素。...
《易语言喜羊羊大战灰太狼游戏》是一款基于易语言开发的趣味游戏，它将中国广受欢迎的动画角色——喜羊羊与灰太狼融入到游戏设计中，旨在为玩家提供一个寓教于乐的娱乐环境。这款游戏的源码是学习易语言编程和游戏...
【锅拍灰太狼js代码实现】是一款基于JavaScript技术开发的网页游戏，它利用了HTML、CSS和JavaScript的强大力量来创建一个交互式的用户体验。在这个项目中，JavaScript扮演着核心角色，负责处理游戏逻辑、用户交互...
在这个"锅打灰太狼"游戏中，Canvas可能被用来绘制游戏场景，包括灰太狼、小灰灰和其他元素的动画，以及实时的打击效果。 游戏规则说明了玩家需要在60秒的时间内尽可能多地打灰太狼以获得分数，同时避免打到小灰灰...
灰太狼的画法有很多，下面来分享一款简单易学灰太狼的画法，希望能给小伙伴带来帮助。该灰太狼是纯手工绘制的，如有不足之处还请见谅
"重复查找器.exe"可能是一个独立运行的可执行文件，用户只需双击运行，无需安装额外软件，简化了使用流程。这类工具通常具有用户友好的界面，允许用户导入数据文件，设置匹配规则（全匹配、部分匹配、忽略空格或标点...
"可爱喜羊羊与灰太狼主题PPT模板.zip"是一个压缩文件，其中包含了与知名动画角色“喜羊羊与灰太狼”相关的PPT设计资源，适用于制作儿童活动、教育讲座或娱乐相关的内容。 标题中的“可爱喜羊羊与灰太狼主题PPT模板...
首先，《喜羊羊与灰太狼》的故事发生在一个充满想象的羊羊小镇，这里不仅有可爱的小羊，还有坚持不懈的灰太狼。故事中，灰太狼的失败告诫我们，在面对挑战和困难时，简单粗暴的方式往往不可行，而智慧和策略才是解决...
《喜洋洋与灰太狼的桌面主题》是一款专为用户打造的个性化桌面美化软件，它以大家熟知的动画角色——喜洋洋与灰太狼为主题，为用户的电脑带来独特的视觉体验。这款主题不仅可以改变系统的背景图像，还能够定制桌面...
【狂拍灰太狼练习源码与素材】这个压缩包文件包含了学习和实践JavaScript库jQuery的资源，特别是一个名为“狂拍灰太狼”的小游戏的源代码。这为我们提供了一个极好的机会，不仅可以深入理解jQuery的基本操作，还能...
综上所述，《2012灰太狼快递单打印9.35》作为一款专业的快递单打印软件，凭借其高效的连打、批量打印功能，为快递行业从业者提供了一个提升工作效率与准确性的有效工具。尽管软件推出至今已有不少时日，可能面临兼容...
值得注意的是，2013灰太狼快递单打印软件V935版本是该软件的一个历史版本，虽然可能在功能上略逊于最新的版本，但对于一些用户而言，他们可能更习惯使用这个经典版本，或者因为特定的系统兼容性问题而选择使用它。...
Java灰太狼的闹钟是一个基于Java编程语言开发的简单应用程序，它的主要功能是模拟一个日常生活中的闹钟，用于在设定的时间提醒用户。这个程序可能是为初学者设计的一个实例，帮助他们更好地理解Java编程的基本概念，...
喜洋洋与灰太狼英语舞台剧-适合三年级.doc
《喜洋洋大战灰太狼JAVA版小游戏》是一个由个人开发者使用Java编程语言制作的简单游戏。这款游戏的主题基于经典的儿童动画片“喜羊羊与灰太狼”，为玩家提供了一个互动娱乐的平台。从描述来看，它可能是一个轻量级的...
例如，可以有一个函数专门负责游戏逻辑，另一个函数处理用户输入。 7. **游戏规则**：游戏规则可能通过JavaScript逻辑实现，包括胜利条件、失败条件、生命值系统等。这些规则将决定游戏的流程和用户体验。 8. **...