미디어쿼리에서 pc화면에선 숨기는 소스 채택완료
스카이라인
11년 전
조회 8,233
아래와 같은 소스를 찾았는데요..
도통 모르겠어서 질문드립니다 ㅠㅠ
</strong></div>
<div>
<div><script></div>
<div>$(document).ready(function(){</div>
<div>//btn을 아이디로 가지고 있는 버튼을 클릭했을때..</div>
<div>$('#btn').click(function(){</div>
<div>//보일지 않보일지의 조건... 온/오프로 생각하면됨.</div>
<div>var bool = true;</div>
<div> </div>
<div>
</div>
<div>if(bool){//보인다면 숨겨야겠죠..</div>
<div>$('#test').hide(); //hide() 숨기는 함수</div>
<div>bool = false; // 숨겼으니 오프로 ...</div>
<div>}else{//숨겨져있다면 보여야겠죠..</div>
<div>$('#test').show(); //show() 보이는 함수</div>
<div>bool = true; //보였으니 온으로...</div>
<div>}</div>
<div>});</div>
<div>});</div>
<div></script></div>
<div> </div>
<div><body></div>
<div><div id='test'>보이기/숨기기</div></div>
<div><div><input type='button' value='버튼' id='btn'></div></div>
<div></body></div></div>
<div><strong style="font-family: 돋움, dotum, helvetica; font-size: 12px; line-height: 21.59375px"></strong></div>
<div><strong style="font-family: 돋움, dotum, helvetica; font-size: 12px; line-height: 21.59375px">
<div><script></div>
<div>var flagHide = false;</div>
<div>var flagHideExec = function(){</div>
<div>if (flagHide) $("#mobilead").hide();</div>
<div>else $("#mobilead").show();</div>
<div>};</div>
<div>$("input[type=text]")</div>
<div>.on('touchstart', function(){</div>
<div>flagHide = true;</div>
<div>flagHideExec();</div>
<div>})</div>
<div>.on('blur', function(){</div>
<div>flagHide = false;</div>
<div>setTimeout(function(){</div>
<div>flagHideExec();</div>
<div>}, 500);</div>
<div>})</div>
<div>.on('focus', function(){</div>
<div>flagHide = true;</div>
<div>flagHideExec();</div>
<div>});</div>
<div></script></div>
<div><style></div></strong></div>
<div><strong style="font-family: 돋움, dotum, helvetica; font-size: 12px; line-height: 21.59375px">위 소스와 관련 있는것 같은데 이거 어떻게 하는것인지요?ㅠㅠ
아무리 php에다가 적용을 해도 pc화면서 그냥 나오는데..
다른 소스는 없을까요?
분명 위 소스를 바탕으로 pc화면에서는 안나오고 모바일에서는 나오게 구현했더라구요.
그런데 도통 모르겠습니다 ㅠㅠ
아니면 부스트랩, 반응형 웹에서 pc화면에서는 안나오고 모바일에선 나오는 소스가 있는지 부탁드립니다.
도와주십시오 고수님들 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인