早上写了个宝宝识字的小页面。
标题是我女儿选的。她要学这几个字。我原先用的是三只小猪的故事。
<!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》是一款专为快递行业设计的打印软件,旨在提高快递业务的效率和准确性。这款软件在2012年推出,以其用户友好、功能实用的特点获得了良好的口碑。用户通过花费100元购买,能够体验到高效...
值得注意的是,2013灰太狼快递单打印软件V935版本是该软件的一个历史版本,虽然可能在功能上略逊于最新的版本,但对于一些用户而言,他们可能更习惯使用这个经典版本,或者因为特定的系统兼容性问题而选择使用它。...
Java灰太狼的闹钟是一个基于Java编程语言开发的简单应用程序,它的主要功能是模拟一个日常生活中的闹钟,用于在设定的时间提醒用户。这个程序可能是为初学者设计的一个实例,帮助他们更好地理解Java编程的基本概念,...
喜洋洋与灰太狼英语舞台剧-适合三年级.doc
例如,可以有一个函数专门负责游戏逻辑,另一个函数处理用户输入。 7. **游戏规则**:游戏规则可能通过JavaScript逻辑实现,包括胜利条件、失败条件、生命值系统等。这些规则将决定游戏的流程和用户体验。 8. **...
《喜洋洋大战灰太狼JAVA版小游戏》是一个由个人开发者使用Java编程语言制作的简单游戏。这款游戏的主题基于经典的儿童动画片“喜羊羊与灰太狼”,为玩家提供了一个互动娱乐的平台。从描述来看,它可能是一个轻量级的...
喜羊羊与灰太狼PPT模板