⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 engj.htm

📁 一款就阿javascrip打字练习程序
💻 HTM
📖 第 1 页 / 共 2 页
字号:
<html>
<head>
<title>键盘高级练习</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
	body {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
-->
</style>
 <bgsound id=bgsong src="">
<script language="javascript">
//table {  font-family: "Verdana"; font-size: 12px; color: #000000; text-decoration: none; border: 1px #000000 dashed; filter: Alpha(Opacity=60); background-color: #CC66FF}
//div {  font-family: "Verdana"; font-size: 12px; color: #000000; text-decoration: none; border: 1px #000000 dashed; filter: Alpha(Opacity=60); background-color: #99cc00}
//*************************************
//>>>>>> 英文高级练习       <<<<<<<<<<<<
//>>>>>> Right By Piaoyang80<<<<<<<<<<<<
//>>>>>> 2003/05/23         <<<<<<<<<<<<
//*************************************
//---------------------------------------
//////////////数据说明///////////////////
//设置键盘跟keycode之间的对应。
//setk()      数组是按手指练习的队列1。
//setp()      数组是按位置练习的队列2。
//setkh(),setkp是setk()和setp()所对应的手指位置队列。
//showk()     数组是要显示在显示栏里的目标字符队列,长度为6。
//showh()     相应于 showk的手的位置队列
//showmode    打字模式,首先是顺序显示1,后是随机显示2。
//setmode     设置当前模式是按手指还是位置?手指=1,位置=2
//setmodearray设置当前模式下的具体练习对象?
//savemode    进入设置菜单时保存模式;
//savemodearray
//tmpmode     进入设置菜单后保存数据;
//tmpmodearray
//setshowk    设置当前keycoe数组;
//setshowh    设置当前手的位置数组;
//seted       记录是否已经初始化setshowk();1=已初始化,0=未初始化;
//showk_len   记录当前数组的最大长度。
//imgPath     图片的路径
/////////////////////////////////////////
var showmode=1;
	var setmode=0;
var setmodearray=1;
var seted=0;
var setshowk=new Array(14);
var setshowh=new Array(14);
var showk_len=0;
	var showk=new Array(6);
	var showh=new Array(6);
	var imgPath="..\\pub\\img\\";
var mode1_i_now=0;//记录总的次数
var currentKey=0;   //记录当前次数小于6
	var kcode=new Array(0,0,0);
	var savemode=1;
var savemodearray=1;
	var tmpmode=1;
var tmpmodearray=0;
//--------------------------------------
//setp数组设置
var setk=new Array(4);
	//数字区设置;
	setk[1]=new Array("49","50","51","52","53","54","55","56","57","48");
	setk[0]=new Array("81","87","69","82","84","89","85","73","79","80","65","83","68","70","71","72","74","75","76","90","88","67","86","66","78","77");
	setk[2]=new Array("192","49","50","51","52","53","54","55","56","57","48","189","187","220","219","221","186","222","188","190","191");
//setph数组设置
var setkh=new Array(3);
	setkh[1]=new Array("hand_l1","hand_l2","hand_l3","hand_l4","hand_l4","hand_r4","hand_r4","hand_r3","hand_r2","hand_r1");
	setkh[0]=new Array("hand_l1","hand_l2","hand_l3","hand_l4","hand_l4","hand_r4","hand_r4","hand_r3","hand_r2","hand_r1","hand_l1","hand_l2","hand_l3","hand_l4","hand_l4","hand_r4","hand_r4","hand_r3","hand_r2","hand_l1","hand_l2","hand_l3","hand_l4","hand_l4","hand_r4","hand_r4");
	setkh[2]=new Array("hand_l1","hand_l1","hand_l2","hand_l3","hand_l4","hand_l4","hand_r4","hand_r4","hand_r3","hand_r2","hand_r1","hand_r1","hand_r1","hand_r1","hand_r1","hand_r1","hand_r1","hand_r1","hand_r3","hand_r2","hand_r1");
//练习字母区0//练习数字区显示模式1//练习数字符号2
function mode1(){
	var randomK;
	var i;
	var len=setk[setmode].length;
	for(i=0;i<6;i++){
		randomK=Math.round((len-1)*Math.random());
		showk[i]=setk[setmode][randomK];
		showh[i]=setkh[setmode][randomK]
	}
	//调用初始化显示区程序;
	initKeybord();
	//调用显示当前键盘情况程序;
	showKeybord(0);
}

//练习全部键盘模式
function mode2(){
	var randomm;
	var randomK;
	var ml;
	var i;
	for(i=0;i<6;i++){
		//定义一个区域
		randomm=Math.round(2*Math.random());
		//定义区域中的一个键
		ml=setk[randomm].length;
		randomK=Math.round((ml-1)*Math.random());

		showk[i]=setk[randomm][randomK];
		showh[i]=setkh[randomm][randomK];
	}
	//调用初始化显示区程序;
	initKeybord();
	//调用显示当前键盘情况程序;
	showKeybord(0);
}
//初始化显示区程序;
function initKeybord(){
	document.all("m1").src=imgPath+showk[0]+".jpg";
	document.all("m2").src=imgPath+showk[1]+".jpg";
	document.all("m3").src=imgPath+showk[2]+".jpg";
	document.all("m4").src=imgPath+showk[3]+".jpg";
	document.all("m5").src=imgPath+showk[4]+".jpg";
	document.all("m6").src=imgPath+showk[5]+".jpg";
	document.all("m1").style.filter="";
	document.all("m2").style.filter="";
	document.all("m3").style.filter="";
	document.all("m4").style.filter="";
	document.all("m5").style.filter="";
	document.all("m6").style.filter="";
	currentKey=0;
}
//显示当前键盘情况;
function showKeybord(arryN){
	var i=arryN;
	var mName="m"+(arryN+1);
	//设置显示区
	document.all(mName).style.filter="invert()";
	//设置键盘区
	document.all(showk[i]).style.filter="invert()";
	//设置手
	var h=showh[i];
	document.all("hand_l").src=imgPath+"hand_l.jpg";//恢复
	document.all("hand_r").src=imgPath+"hand_r.jpg";
	if (h.indexOf('l')>-1){
		//左手
		document.all("hand_l").src=imgPath+h+".jpg";
	}
	else{
		//右手
		document.all("hand_r").src=imgPath+h+".jpg";
	}
}
//打字处理程序;
function kup(){
	if (checkKey(kcode[1])>0)
		document.all(kcode[1].toString()).style.filter="";
	kcode[1]=event.keyCode;//当前按下的键码
	if (checkKey(kcode[1])>0){	
		if (kcode[0] !=0)      //清楚之前打错的记录
			document.all(kcode[0].toString()).style.filter="";
		if (kcode[1]==showk[currentKey]){
				kcode[0]=0;//清楚记录 
				currentKey++;
				mode1_i_now++;
				mName="m"+currentKey;
				document.all(mName).style.filter="";
				document.all(kcode[1].toString()).style.filter="";
				if (currentKey>=6){
					currentKey=0;				
					if (setmode<=2)
						mode1();
					else if(setmode==3)
						mode2();//随机全部
				}
				else{
					showKeybord(currentKey);
				}
		}
		else{
			kcode[0]=kcode[1];
			document.all(kcode[0].toString()).style.filter="Xray()"
		}
	}	
}
function kdown(){
	kcode[1]=event.keyCode;//当前按下的键码
	if (checkKey(kcode[1])>0)
		document.all(kcode[1].toString()).style.filter="gray()";
}
//检查所输入的是否符合规格;
function checkKey(kkcode){
	var ri;
	ri=0;
	if (kkcode>47&&kkcode<58)
		ri=1;
	if (kkcode>64&&kkcode<91)
		ri=2;
	if ((kkcode>=186&&kkcode<=191)||(kkcode>=219&&kkcode<=222))
		ri=3;
	return ri;
}
//保存当前状态
function savem(){
		kmenu.style.visibility='';
		kmenu.style.top=160;
		kmenu.style.left=180;
		kmenu_back.style.visibility='';
		kmenu_back.style.top=170;
		kmenu_back.style.left=190;
}
//取消设置
function cancelsave(){
	//setmode=savemode;
	//setmodearray=savemodearray;
	if (savemode==1){
		kmenu.style.visibility="hidden";
		kmenu_back.style.visibility="hidden";}
	else{
		pmenu.style.visibility="hidden";
		kmenu_back.style.visibility="hidden";
		}
	//重新调用;
	//seted=0;
	//mode1();
}
//更新设置
function oksave(){
	setmode=tmpmode;
	//清楚之前状态;
	if (kcode[1]!=0)
		document.all(kcode[1].toString()).style.filter="";
	if (kcode[0]!=0)
		document.all(kcode[0].toString()).style.filter="";
	document.all(showk[currentKey]).style.filter="";
	//重新调用;
	if (setmode<=2)
		mode1();
	else
		mode2();
	kmenu.style.visibility="hidden";
	kmenu_back.style.visibility="hidden";
}
//处理选择事件
function rchecked(obj){
	var menuPath=imgPath+"smenu\\";
	//更改手的图片;
	menukeybord.src=menuPath+(parseInt(obj.value))+".jpg";
	//更改临时变量
	tmpmode=parseInt(obj.value);
}
function doall(){
	//清楚之前状态;
	if (kcode[1]!=0)
		document.all(kcode[1].toString()).style.filter="";
	if (kcode[0]!=0)
		document.all(kcode[0].toString()).style.filter="";
	document.all(showk[currentKey]).style.filter="";
	setmode=3;//设置模式;
	//调用模式3;
	mode2();
}
function themousemove(imgN,imgpos){
	var winimg="..\\img\\win\\ok\\";
	if(imgpos==0){
		//初级/高级/文章
		switch (imgN){
			case 0:jc.src=winimg+"r_jichu_m.gif";
					break;
			case 1://gj.src=winimg+"r_gaoji_m.gif";
					break;
			case 2:wz.src=winimg+"r_wenzhang_m.gif";
					break;
		}
	}
	if(imgpos==1){
		//英语/韩国/日语
		switch (imgN){
			case 0://entt.style.filter="gray()";
					break;
			case 1:hantt.style.filter="Gray()";
					break;
			case 2:ritt.style.filter="gray()";
					break;
			case 3:sutt.style.filter="gray()";
					break;
			case 4:helptt.style.filter="gray()";
					break;
		}
	}
	if(imgpos==2){
		//课程选择
		switch (imgN){
			case 0://kset.src=winimg+"r_by_hand1.gif";
					break;
			case 1:pset.src=winimg+"r_xuanze_m.gif";
					break;
			case 2:dallset.src=winimg+"r_bordall_m.gif";
					break;
		}
	}
	if(imgpos==3){
		switch(imgN){
			case 0:win_min.src=winimg+"win_min_move.gif";
					break;
			case 1:win_close.src=winimg+"win_close_move.gif";
					break;
		}
	}
	if(imgpos==4){
		kmenuclose.src=winimg+"win_close_move.gif";
	}
}
function themouseout(imgN,imgpos){
	var winimg="..\\img\\win\\ok\\";
	if(imgpos==0){
		//初级/高级/文章
		switch (imgN){
			case 0:jc.src=winimg+"r_jichu_n.gif";
					break;
			case 1://gj.src=winimg+"r_gaoji_n.gif";
					//break;
			case 2:wz.src=winimg+"r_wenzhang_n.gif";
					break;
		}
	}
	if(imgpos==1){
		//英语/韩国/日语

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -