Browsing Tag

jQuery 샘플

jQuery를 사용한 기본적인 이미지 롤오버(Rollover) 효과

마우스를 올렸을 때 이미지가 바뀌는 기본적인 JQuery 기반의 이미지 롤오버(Rollover) 효과를 구현하는 방법입니다. 동일한 크기의 이미지 두 개를 준비합니다. 마우스를 올리면 원래 표시되던 이미지가 페이드 아웃(Fade out)되고 다른 이미지가 페이드 인(Fade in)되고, 마우스가 그림 영역을 벗어나면 본래…

[jQuery] 모든 target=’_blank’ 제거하기

블로그 글을 작성하면서 링크는 내부 링크든 외부 링크든 모두 새로운 창에서 열리도록 target="_blank" 속성을 추가한 상태입니다. 하지만 외부 링크는 새로운 창에서 열리도록 하면서 내부 링크의 경우 새로운 창에서 열리는 것보다 같은 창에서 열리도록 하는 것이 더 좋을 것 같다는 생각이 들었습니다. 그러나 이때까지…

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

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

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

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

[jQuery] 새 창에서 링크 열기

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