또다른 이미지 롤오버

replace 문법 : [sVal=]String.replace(regexp,replaceText)
stringObj.replace(regexp,function)

stringObj = (문자열 개체)
필수적인 요소이며, 바꾸려는 String 개체나 문자열 리터럴이다.
이 문자열은 replace 메서드로는 수정할 수 없다.

regexp = (정규식)
필수적인 요소이며, 정규식 패턴과 적용 가능한 플래그를 포함하는 Regular Expression 개체의 인스턴스이다.
정규식 패턴과 플래그를 포함하는 String 개체나 리터럴도 가능하다.
regexp 가 Regular Expression 개체의 인스턴스가 아닐 경우 문자열로 변환되고 정확한 검색을 수행하지만, 문자열을 다시 정규식으로 바꾸지는 않는다.

replaceText = (대체 문자열)
필수적인 요소이며, stringObj에서 regexp와 일치하는 것으로 바꿀 문자열를 포함하는 String 개체나 문자열 리터럴이다. JScript 5.5 이후에서는 변환 문자열를 반환하는 기능함수도 replaceText 인수가 될 수 있다.

function = (기능함수)
두번째 인수는 일치, 대체가 수행된 후에 새로 생성된 문자열을 이용하여 추가적으로 수행할 기능함수가 될 수 있다

이거 역시 이미지 네이밍의 규칙을 줘야 한다.
걍 이미지, _over 된 이미지.

다시 생각한 간단한 이미지 롤오버

split 문법 : [sVal=]String.split(separator[,limit])
문자열을 여러개의 부분 문자열로 분할할 때 만들어지는 문자열의 배열변수를 반환한다.

위의 예제는 이미지 명의 규칙이 필요하다. 1.gif 그냥 이미지 1_over.gif 오버한 이미지.

_over 으로 오버인지 아닌지를 정한다. 해당 이미지를 오버든 아니든 _over.gif를 _over.gif 아닐경우에는
.gif를 제외한다. 즉 해당 이미지의 그냥 이미지의 파일명까지만 불러와서 오버일때는 _over.gif를 붙이고
아닐경우에는 .gif를 붙인다.

input 배경 이미지 제어

로그인 폼에서 많이 사용하는 스크립트다.
아이디와 패스워드를 구분하는데 input 박스 안에서 구분을 해주고 onfocus 이벤트가 일어 날때
구분을 없애주고 만약 아무 값도 들어가지 않은 상태에서 onfocusout이 된다면 다시 구분을 넣어주는 식이다.

일단 input에 background로 이미지를 넣어 주고 onfocus, onfocusout 이벤트로 over 값만 달리해서 같은 함수 호출.
over 값이 들어 갈때는 backgroundImage 스타일에 Null 값을 넣어 주면 이미지가 사라지고
over 가 아닌 다른 값이 들어 갈때 obj의 value 값을 보고 아무 값이 없으면 다시 해당 이미지를 넣어 준다.