下面代码直接copy 就能用l 复制代码 代码如下: <BR>/* Reset style */ <BR>* { margin:0; padding:0;} <BR>.input_ocurrent { padding:2px; border:1px solid #DDD; background:#FFF;} <BR>.input_ocurrent:hover, .input_ocurrent:focus { border:1px solid #444; background:#DDD;} <BR>.input_current { padding:2px; border:1px solid #444; background:#DDD;} <BR> <BR>function displayInput(elementID) { <BR>//得到span标签的集合 <BR>var spanzone = document.getElementsByTagName("span"); <BR>//得到span标签的数量(放到for里边会重复计算) <BR>var spanlength=spanzone.length; <BR>var inputzone;//你所需要的那个span <BR>for(var i=0;i<spanlength;i++) <BR>{ <BR>//得到你想找的这个 <BR>if(spanzone[i].className==elementID) <BR>{ <BR>inputzone=spanzone[i]; <BR>} <BR>} <BR>//得到span标签的input标签集合 <BR>var inputTx=inputzone.getElementsByTagName("input"); <BR>//span里边的input的集合数量(单独写防止重复计算) <BR>var inputLength=inputTx.length; <BR>for (var i=0;i <inputLength; i++) { <BR>//动态添加onmouseover事件:当鼠标移到input上的时候判断这个inpu的class是不是input_ocurrent 如果是的话就添加onmouseover事件 移出同理 <BR>if (inputTx[i].className =="input_ocurrent"){ <BR>inputTx[i].onmouseover=function() { <BR>this.className ="input_current"; <BR>} <BR>inputTx[i].onmouseout=function() { <BR>this.className ="input_ocurrent"; <BR>} <BR>} <BR>} <BR>} <BR>window.onload =function() { <BR>displayInput("input_zone"); <BR>} <BR>
