Browsing Category

jQuery 예제

Medium처럼 위아래 스크롤에 따라 헤더 숨기기/표시하기

과거 우리나라에서 웹사이트 제작이 비교적 초창기였을 때 사이트들은 전반적으로 플래시를 사용하여 화려한 효과를 중시했었습니다. 제가 웹에 대해 아무 것도 모르던 시절(지금도 잘 모르지만)에 포트폴리오 홈페이지를 하나 만든 적이 있었습니다. 디자인에 대해서도, html에 대해서도 거의 아는 것이 없었기 때문에 '모방은 창조의 어머니'라는 신념으로 모방을…

javascript를 사용한 간단한 날짜 카운트다운

자바스크립트를 사용한 날짜 카운트다운 스크립트입니다(예: 2017년 새해까지 남은 일 수 등). 간단하게 활용할 수 있을 것 같습니다.CountDownTimer('01/01/2017', 'countdown'); // 2017년 1월 1일까지 CountDownTimer('01/01/2018 00:00 AM', 'newcountdown'); //

jQuery를 사용하여 링크를 새 창에서 열기

특정 링크(예: 단일 링크, 모든 외부 링크 등)를 클릭했을 때 새 창에서 열리도록 하고 싶은 경우가 있을 수 있습니다. 이런 경우 HTML 소스에서 target="_blank"를 삽입하면 쉽게 해결되겠지만 소스 코드를 수정할 수 없는 경우에는 어떻게 하면 좋을까요? 한 가지 방법으로 jQuery를 사용하여 target에 "_blank" 속성을 지정해줄 수…

[jQuery] 기존 DIV 바로 뒤에 새로운 DIV 추가하기

특정 DIV 다음에 새로운 DIV를 추가하고 원하는 클래스를 부여하고 싶은 경우가 있을 수 있습니다.  이 경우 소스를 수정할 수 있다면 좋겠지만 그렇지 않은 경우 jQuery를 사용할 수 있습니다. 여러 가지 방법을 생각해볼 수 있습니다. 우선 다음과 같은 스크립트가 있습니다.var myClass = "thisIsMyClass"; var div =

[jQuery] 새 창에서 링크 열기

링크를 새로운 창이나 탭에서 실행되도록 하려면 html 태그에서 target="_blank"를 추가해야 합니다. 직접 소스를 수정하지 않으려면 jQuery를 사용할 수 있습니다. 먼저는 attr 메소드를 사용하여 target="_blank"를 추가하는 방법을 생각해볼 수 있습니다.$(document).ready(function(){