【类似google提示框】类似google提示那种上下方向键

提示：您可以先修改部分代码再运行<style> <!-- #ccc{ height:90px; background-color:#0099FF; width:158px; } #ccc ul{ list-style-type:none; margin:0px; padding-left:0px; font-size:12px; } .c1{ width:100%; height:20px; line-height:20px; font-size:12px; color:#FFFFFF; background-color:#0099FF; padding-left:5px; } .c2{ width:100%; height:20px; line-height:20px; font-size:12px; color:#000000; font-weight:bold; background-color:#FFFF00; padding-left:5px; } --> </style> <!-- www.111cn.net --> <input type="text" name="a1" id="a1" size="21"/> <li class="c1">1111 <li class="c1">2222 <li class="c1">3333 <li class="c1">4444 <li class="c1">5555 <li class="c1">6666 <script language="javascript"> s1=0; function doSomething (obj,evt) { window.open(obj); var e=(evt)?evt:window.event; if (window.event) { e.cancelBubble=true; } else { e.stopPropagation(); } } </script> <script language="javascript" for="document" event="onkeydown"> document.getElementById("ccc").focus(); p=document.getElementById("ccc").firstChild; n=p.childNodes.length; if(event.keyCode==38) { s1--; if(s1>=1) { document.getElementById("a1").value=p.childNodes[s1-1].innerHTML; } else { s1=0; document.getElementById("a1").value=""; } } else if (event.keyCode==40) { s1++; if(s1<=n) { document.getElementById("a1").value=p.childNodes[s1-1].innerHTML; } else { document.getElementById("a1").value=""; s1=n+1; } } for(i=1;i<=n;i++) { if(s1==i) { p.childNodes[i-1].className="c2"; } else { p.childNodes[i-1].className="c1"; } } function $(id) { return document.getElementById(id); } </script> 提示：您可以先修改部分代码再运行

【类似google提示框】类似google提示那种上下方向键

http://m.bbyears.com/seo/24005.html

推荐访问: