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

📄 jpzhuo.htm

📁 一款就阿javascrip打字练习程序
💻 HTM
📖 第 1 页 / 共 3 页
字号:
<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; font-size: 10px; font-family: "宋体"}
-->
.mnormal {
	BORDER-RIGHT: #ecefe7 3px dashed; BORDER-TOP: #9c9694 1px dashed; BORDER-LEFT: #ecefe7 3px dashed; BORDER-BOTTOM: #29417b 3px dashed; BACKGROUND-COLOR: #ecefe7
}
.mfocus {
	BORDER-RIGHT: #29417b 3px dashed; BORDER-TOP: #29417b 3px dashed; BORDER-LEFT: #29417b 3px dashed; BORDER-BOTTOM: #29417b 3px dashed; BACKGROUND-COLOR: #ffffff
}
.merr {
	BORDER-RIGHT: #fc6666 3px dashed; BORDER-TOP: #fd6666 3px dashed; BORDER-LEFT: #fe6666 3px dashed; BORDER-BOTTOM: #ff6666 3px dashed; BACKGROUND-COLOR: #ffffff
}
</style>
 <bgsound id=bgsong src="" >
<script language="javascript">
//*************************************
//>>>>>> 英文基础练习       <<<<<<<<<<<<
//>>>>>> Right By Piaoyang80<<<<<<<<<<<<
//>>>>>> 2003/05/21         <<<<<<<<<<<<
//*************************************
var jpall="";
var enall="";
var jpcur=new Array(20);
var encur=new Array(20);
var lencur=0;
var jpshow=new Array(15);
var enshow=new Array(15);
var dqshow=0;
var cpi=0;
var t_key=0;
/////////////   函数  ///////////////////
//初始化数组
	function initarray(modei){
		if (modei==0){
			//平假名;ping
			jpall=ping.innerText.split("*");
			enall=en.innerText.split("*");
			p1.className="pno";
			p0.className="pdown";
		}
		else{
			//片假名;pian
			jpall=pian.innerText.split("*");
			enall=en.innerText.split("*");
			p1.className="pdown";
			p0.className="pno";
		}
		//调用默认页 
		ppset();
		setarray(0,4,0);
		setf();
		clearA();
	}
	function setarray(fi,ei,mi){
		//fi-->起始位,en-->结束位;
		//初始化当前练习的 数组
		for(var i=fi;i<=ei;i++){
			jpcur[i-fi]=jpall[i];
			encur[i-fi]=enall[i];
		}
		//设置一些变量
		cpi=0;
		dqshow=0;
		lencur=ei-fi+1;
		//调用函数 
		showpage();
		if (t_key!=-1){
			var aname="a"+t_key;
			document.all(aname).className="ri_menu_n";
			}
			aname="a"+mi;
			document.all(aname).className="ri_menu_d";
			t_key=mi;
	}
	function showpage(){
		var rani;	
		//1,先顺序显示队列
		if ((lencur-dqshow)>=15){
			for(var i=dqshow;i<dqshow+15;i++){
				jpshow[i-dqshow]=jpcur[i];
				enshow[i-dqshow]=encur[i];
			} 
		}
		else if((lencur-dqshow<15)&&(lencur-dqshow>0)){
			for(var i=dqshow;i<lencur;i++){
				jpshow[i-dqshow]=jpcur[i];
				enshow[i-dqshow]=encur[i];
			}
			for(i=lencur;i<15;i++){
				//取随即数;
				rani=Math.round((lencur-1)*Math.random());
				jpshow[i]=jpcur[rani];
				enshow[i]=encur[rani];
			}
						
		}
		else{
			//就是dqshow>lencur,说明已经顺序显示完毕;
			//2,随即显示	
			for(i=0;i<15;i++){
				//取随即数;
				rani=Math.round((lencur-1)*Math.random());
				jpshow[i]=jpcur[rani];
				enshow[i]=encur[rani];			
			}
		}
		//设置变量
		cpi=0;
		//调用函数,顺序_>1,特殊效果清楚2,显示本页日文3,设置当前光标
		clearcss();
		showjp();
		setfocus();
	}
	function showjp(){
		var i;
		var tname;
		for (i=0;i<15;i++){
			tname="ri"+i;
			document.all(tname).innerText=jpshow[i];
			tname="en"+i;
			document.all(tname).innerText=enshow[i];
		}
	}
	function clearcss(){
		var mname;
		for (var i=0;i<15;i++){
			mname="m"+i;
			document.all(mname).className="mnormal";
			mname="sr"+i;
			document.all(mname).innerText="";
		}
	}
	function setfocus(){
		var mname;
		mname="m"+cpi;
		document.all(mname).className="mfocus";
	}
	function seterr(ei){
		mname="m"+ei;
		document.all(mname).className="merr";
	}
	//设置mtxt焦点
	function setf(){
		document.all("mtxt").focus();
	}
	//击键事件
	function kup(){
		var kcode=event.keyCode;
		//当按回车确认是进行判断
		if (kcode==13){
			var ttxt=document.all("mtxt").value;
			if (ttxt=="")
				ttxt="*";
			var srname="sr"+cpi;
			document.all("mtxt").value="";
			if (enshow[cpi].indexOf(ttxt,0)>-1){
				//输入正确
				mname="m"+cpi;
				document.all(mname).className="mnormal";
				document.all(srname).innerText=ttxt;
			}
			else{
				//输入错误
				seterr(cpi);
				document.all(srname).innerHTML="<font color=red>"+ttxt+"</font>";
			}
			cpi++;
			dqshow++;
			if (cpi==15){
				//换页
				showpage();
			}
			else{
				//调用设置当前光标
				setfocus();
			}
		}
		
	}
	//隐藏英文对照
	function hideen(){
		var enname;
		var i;
		if(sh.checked==false){
			for (i=0;i<15;i++){
				enname="en"+i;
				document.all(enname).style.visibility="hidden";
			}
		}
		else{
			for (i=0;i<15;i++){
				enname="en"+i;
				document.all(enname).style.visibility="";
			}
		}
	}
	function ppset(){
		var i ;
		var aname;
		t_key=0;
		for(i=0;i<5;i++){
			aname="a"+i;
			document.all(aname).innerText=jpall[i*5];//+"行";
		}
	}
	function showlist(fi,en){
		//fi-->起始位,en-->结束位;
		var s;
		jplist.style.visibility="";		
		jplist.style.top=event.clientY+15;
		jplist.style.left=event.clientX-10;
		event.srcElement.className="ri_menu_d";
		//document.all(aname).className="ri_menu_n";
		for(var i=fi;i<=en;i++){
			s="ashow"+(i-fi)
			document.all(s).innerHTML=jpall[i];
		}
		//ashow.innerHTML="<b>"+sl+"</b>";
	}
	function hidelist(){
		clearA();
		jplist.style.visibility="hidden";
		
	}
function clearA(){
	var aname;
	for(var i=0;i<5;i++){
		if(i!=t_key){
		aname="a"+i;
		document.all(aname).className="ri_menu_n";
		}
	}
}
function themousemove(imgN,imgpos){
	var winimg="..\\img\\win\\ok\\";
	if(imgpos==0){
		//初级/高级/文章
		switch (imgN){
			case 0://jc.src=winimg+"ri_jiben_n.gif";
					break;
			case 1:gj.src=winimg+"ri_zong_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:qing.src=winimg+"ri_qing_m.gif";
					break;
			case 1:zhuo.src=winimg+"ri_zhuo_m.gif";
					break;
			case 2:ao.src=winimg+"ri_ao_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){

⌨️ 快捷键说明

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