검색창에 배경깔기
본문
http://www.alba.co.kr/ 처럼
검색입력폼에 배경이 깔려있는 상태까지는 했습니다.
문제는 저 상태에서 입력을 할려고 할때는 사라지게하고 다시 나타나게 하고싶은데 잘안되네여...
검색으루
<script language="JavaScript">
var c=false;
function ch () {
if ( c ) return true;
document.search.q.style.backgroundImage="";
c=true;
return true;
}
</script> 찾아서해봣는대도 잘안되서.. 어떻게해야하나여
답변 2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
function setDefaultKeyword(){
if ($.trim($("#wsSrchWord").val()) == ""){
$("#wsSrchWord").css("background","url(http://image.alba.kr/comm/HeaderSearch_img.gif) no-repeat center top");
}
}
function clearSearchValue(){
$("#wsSrchWord").css("backgroundImage","");
}
</script>
</head>
<body>
<input type="text" id="wsSrchWord" onclick="clearSearchValue();" onblur="setDefaultKeyword();" value="" style="background-image: url(http://image.alba.kr/comm/HeaderSearch_img.gif); background-position: 50% 0%; background-repeat: no-repeat no-repeat;" autocomplete="off">
</body>
</html>
알바천국 소스 좀 바꿨어요
많은 도움이 되었습니다. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.