JS个些判断输入框变颜色

function fEvent(sType,oInput){ switch (sType){ case "focus" : oInput.isfocus = true; oInput.style.backgroundColor='#FFFFD8'; case "mouseover" : oInput.style.borderColor = '#99E300'; break; case "blur" : oInput.isfocus = false; oInput.style.backgroundColor=""; case "mouseout" : if(!oInput.isfocus){ oInput.style.borderColor='#A1BCA3'; } break; } }

 

 

调用方法：

 

<form action="?flag=login" method="post"> <table width="300" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td width="72" height="40" align="right">用户名：</td> <td width="228" align="left"><input name="username" type="text" class="input_bottom" id="username" onmouseover="fEvent('mouseover',this)" onfocus="fEvent('focus',this)" onblur="fEvent('blur',this)" onmouseout="fEvent('mouseout',this)" maxlength="20" tabindex="1" style="ime-mode:disabled" mce_style="ime-mode:disabled"/></td> </tr> <tr> <td height="40" align="right">密　码：</td> <td align="left"><input name="password" type="password" class="input_bottom" id="password" onmouseover="fEvent('mouseover',this)" onfocus="fEvent('focus',this)" onblur="fEvent('blur',this)" onmouseout="fEvent('mouseout',this)" /></td> </tr> <tr> <td height="40" align="center"> </td> <td align="left"><input name="image" type='image' src="Images/login.gif" mce_src="Images/login.gif" width="75" height="22" /></td> </tr> </table> </form>