반응형
검색창에 이미지넣기
검색창에 마우스를 갖다대면 검색창에 있던 이미지가 사라지죠?
아래의 스크립트를 쓰면 됩니다.
<script language='javascript'>
<!--
var c=false;
function ch () {
if(c) return;
document.forms[0].iptName.style.backgroundImage="";
c=true;
}
//-->
</script>
<form>
<input size=46 name=iptName style="background-image:url('이미지경로'); background-repeat:no-repeat;background-position:center;" onkeydown="return ch()" onmousedown="return ch()">
</form>
<!--
var c=false;
function ch () {
if(c) return;
document.forms[0].iptName.style.backgroundImage="";
c=true;
}
//-->
</script>
<form>
<input size=46 name=iptName style="background-image:url('이미지경로'); background-repeat:no-repeat;background-position:center;" onkeydown="return ch()" onmousedown="return ch()">
</form>
반응형
'HTML/자바스크립트' 카테고리의 다른 글
자동으로 페이지 이동(다른 페이지로 이동) 함수, 메타태그, 자바스크립트 (0) | 2011.12.08 |
---|---|
레이어로 해상도에 따라 바뀌는 배너(팝업)위치 고정하기 (0) | 2011.11.12 |
그림(이미지)에 마우스 오면 뜨는 작업 툴바 없애기 (0) | 2011.04.27 |
페이지 드래그 방지(무단카피 방지) (0) | 2011.04.27 |
URL 주소를 입력할때 "www" 유무 (0) | 2011.04.27 |