이 사이트 검색창은 어떻게 늘어났다 줄어들었다 하나요? 채택완료
홈짱
10년 전
조회 3,008
http://music.haosou.com/playbox/index.html?t=1429641959537#loaded=true|opener=">http://music.haosou.com/playbox/index.html?t=1429641959537#loaded=true|opener=
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
10년 전
<script type="text/javascript">
$(function() {
$("#test").focus(function() {
$(this).animate({width:"300px"}, 1000);
}).blur(function() {
$(this).animate({width:"200px"}, 1000);
});
});
</script>
<input type="text" name="test" id="test" style="width:200px; border:1px solid #ccc" />
대충 이런 식으로 하면 되지 않을까 싶네요.
http://nyaongii.dothome.co.kr/temp/wr_id69698.html">http://nyaongii.dothome.co.kr/temp/wr_id69698.html
로그인 후 평가할 수 있습니다
답변에 대한 댓글 6개
�
홈짱
10년 전
왕계란 님, 캡짱 멋있으십니다. 궁금증이 확 풀렸네요.
�
홈짱
9년 전
왕계란 님,
혹시 ,위 코드가 브라우저 창이 일정 px 이하 일 때만 작동되게 하려면 어떤 조건을 추가하면 될까요?
혹시 ,위 코드가 브라우저 창이 일정 px 이하 일 때만 작동되게 하려면 어떤 조건을 추가하면 될까요?
�
왕계란
9년 전
일정 이하라는 게 창 크기를 리사이즈 할 때 말씀하시는 건가요?
그게 아니고 단순히 사이즈 줄이는 거면
if($(document).width() > 1000) { }
이런 식으로 처리하면 될 거 같네요.
그게 아니고 단순히 사이즈 줄이는 거면
if($(document).width() > 1000) { }
이런 식으로 처리하면 될 거 같네요.
�
홈짱
9년 전
답변 고맙습니다. 근데, 아래처럼 해봤는데, 안 되네요.
브라우저 창 너비가 일정px 이하 일 때만 작동되게 하려고 그러거든요.
모바일이라든가 태블릿이라든가....
<script type="text/javascript">
$(function() {
f($(document).width() < 1000) {
$("#test").focus(function() {
$(this).animate({width:"250px"}, 1000);
}).blur(function() {
$(this).animate({width:"70px"}, 1000);
});
});
});
</script>
위처럼 해봐도, 또 아래처럼 해봐도 안 되네요.
<script type="text/javascript">
f($(document).width() < 1000) {
$(function() {
$("#test").focus(function() {
$(this).animate({width:"250px"}, 1000);
}).blur(function() {
$(this).animate({width:"70px"}, 1000);
});
});
});
</script>
어떤 식으로 위 소스를 추가해야 하는지요?
브라우저 창 너비가 일정px 이하 일 때만 작동되게 하려고 그러거든요.
모바일이라든가 태블릿이라든가....
<script type="text/javascript">
$(function() {
f($(document).width() < 1000) {
$("#test").focus(function() {
$(this).animate({width:"250px"}, 1000);
}).blur(function() {
$(this).animate({width:"70px"}, 1000);
});
});
});
</script>
위처럼 해봐도, 또 아래처럼 해봐도 안 되네요.
<script type="text/javascript">
f($(document).width() < 1000) {
$(function() {
$("#test").focus(function() {
$(this).animate({width:"250px"}, 1000);
}).blur(function() {
$(this).animate({width:"70px"}, 1000);
});
});
});
</script>
어떤 식으로 위 소스를 추가해야 하는지요?
�
왕계란
9년 전
http://jjiniyam.cafe24.com/temp/69698.html
이런 식으로 해 보세요.
size 집어 넣으니 버그가 좀 있어서 수정한 겁니다.
이런 식으로 해 보세요.
size 집어 넣으니 버그가 좀 있어서 수정한 겁니다.
�
홈짱
9년 전
고맙습니다. 아주 잘 작동합니다. ^^*
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인