«
编程实例 一个简单的智能感知效果

时间:2010-6-11    作者:Deri    分类: 分享


   <p><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><HTML><br /><HEAD><br /><TITLE> New Document </TITLE><br /><META NAME="Generator" CONTENT="EditPlus"><br /><META NAME="Author" CONTENT=""><br /><META NAME="Keywords" CONTENT=""><br /><META NAME="Description" CONTENT=""><br /><script language="javascript"><br />var rowint = 0; //只需要把document.all("divFilteContent").innerHTML = 生成所需要的table<br />function doclick()<br />{<br />if(event.keyCode == 40 )<br />{<br />if(document.all("hidContent").value == ""){document.all("hidContent").value=document.all("txtContent").value;}<br />if(rowint>0)<br />{ tabContent.rows[rowint-1].style.background="";}<br />if(rowint<tabContent.rows.length)<br />{<br />tabContent.rows[rowint].style.background="#eeeeee";<br />document.all("txtContent").value = tabContent.rows[rowint].innerText;<br />}<br />if(rowint==tabContent.rows.length)<br />{<br />document.all("txtContent").value=document.all("hidContent").value;<br />tabContent.rows[rowint-1].style.background="";<br />rowint = -1;<br />}<br />rowint ++;<br />}<br />else if(event.keyCode == 38)<br />{<br />if(rowint>1)<br />{<br />rowint --;<br />tabContent.rows[rowint-1].style.background="#eeeeee";<br />document.all("txtContent").value = tabContent.rows[rowint-1].innerText;<br />if(rowint>0) { tabContent.rows[rowint].style.background="";}<br />}<br />}<br />}<br /></script><br />  <br /></HEAD><br />  <br /><BODY onkeydown="doclick();"><br /><div><br /><input type="text" id= "txtContent" width="260px" ><input type="hidden" id="hidContent"><br /></div><br />  <br /><div id = "divFilteContent"><br /><table id="tabContent" width="151" style="border-left: 1px solid grid; border-right: 1px solid grid;border-bottom: 1px solid grid;" cellpadding="0" cellspacing="0"><br /><tr><br /><td>1</td><br /></tr><br /><tr><br /><td>2</td><br /></tr><br /><tr><br /><td>3</td><br /></tr><br /><tr><br /><td>4</td><br /></tr><br /></table><br /></div><br /></BODY><br /></HTML></code></p>