인풋박스 클릭/아웃시 변화

jquery를 사용하면 간단하게 할 수 있는데 아래 효과 하나때문에 쓰기엔 좀 망설여질때가 있다.

 

<script>
function inFocus1(i) {
 (i).style.border='2px solid green';
 (i).style.background='yellow';
 (i).style.padding='2px 0 2px 3px;';
}
function outFocus1(i) {
 (i).style.border='2px solid #ccc';
 (i).style.background='#fff';
 (i).style.padding='3px 0 3px 5px;';
}
</script>


<input type="text" name="jumin1"  maxlength="6" style="border:2px solid #ccc;width:105px;height:25px"  onkeyup="nextsell();" onFocus="inFocus1(this);" onBlur="outFocus1(this);">

이미지를 바 꿀수 있는 팁 링크
http://blog.naver.com/eujin2/100113050648