글 수 51
undefined
<script>
function getFocus(obj){
obj.style.backgroundImage='';
}
</script>
<input type="text" name="search_keyword" class="inputTypeText" value="{$search_keyword}"
style="width:85px;background:url('/layouts/Migrant_Main/images/default/search_back.gif') no-repeat ; "
onfocus="getFocus(this)" onblur=this.style.background='url(/layouts/Migrant_Main/images/default/search_back.gif)'
/>
검색창에 "검색어를 입력해주세요" 라는 배경이미지가 들어 가 있다가 클릭시 해당 이미지는 사라지는 형태의 소스입니다.
onfocus 와 반대되는 개념이 onblur 입니다. 핵심포인트...!!!
onblur 부분에 백그라운 이미지의 repeat 설정도 가능할듯 한데...누구 아시는분 댓글 부탁드려요.










Script

Script 


