jquery

jQuery Timer 활용

워낙 jQuery는 간단하지만 작은 것들을 모아서 아주 큰 기능을 구현하니 정말 쉽고 놀랍게만 느껴진다. 프로젝트 하던 중 일정 시간 지나서 다음페이지로 넘겨줘야할 경우가 생겨서 Timer를 찾아 보았다. 역시 사용법은 간단하다. 찾는데 시간이 걸릴뿐. ^^; var timer = setInterval(function () { alert('Timer Start'); clearInterval(timer); }, 3000); setInterval이란 메서드(자바스크립트니 함수라고 해야하나??)를 사용하며 3000(3 초)가 되면 alert으로 "Timer Start"를 띄우고 타이머를 해제해주는 샘플이다. 계속해서 타이머를 실행하고 싶다면 clearInterval 메서드를 사용하지 않으면 된다. 끝.

[jQuery] 체크박스 전체 체크/해제 구현하기

소스만 간단히.. ^^; 체크박스 전체 체크/해제 다루기 좋아하는 영화 고르세요. check all 아바타 모범시민 뉴 문 여배우들 시크릿 2012 걸프렌즈 닌자어쌔신 홍길동의 후예 크리스마스 캐롤

[jQuery] 이미지 버튼 변하게(마우스오버/마우스아웃) 만들기

짐 까지 공부한것 중에 많은 고민 안하고 2가지 정도로 만들어 보았다. 뭐.. 별거 없다. $(document).ready(function () { //$('#imgNext').mouseover(function () { //$(this).attr({ //'src': 'Images/btn_before.gif' //}); //}); //$('#imgNext').mouseout(function () { //$(this).attr({ //'src': 'Images/btn_next.gif' //}); //}); $('#imgNext').hover(function () { $(this).attr({ 'src': 'Images/btn_before.gif' }); }, function () { $(this).attr(..

[jQuery] 페이지에 HTML추가 하기

특별한건 없다. 역시 jQuery는 간단하면서 기능 쵝오. 천사의 사전 앰브로스 비어스 지음 A Load B Load C Load D Load 결과는 역시.. 직접 해보면.. ^^ p.s : cssJMBae.css 와 Page106Part1.htm 파일 첨부함.

[jQuery] jQuery 요소 복사/추가하기(clone, prepend, append, insert)

이상한 나라의 사각형 애드윈 애벗 지음 1부 3장 플랫랜드의 주민들 요약본 전문직에 종사하거나 사회적으로 인정되는 남자, 남성들은 정사각형으로(나는 여기에 속한다) 때로는 오각형으로 표현하기도 한다. 다음이 귀족사회를 나타내는데 여기에도 여러 등급이 있다. 육각형을 시작으로 변의 수가 많을수록 더 높은 지위를 약속받는다. 다각형의 경우 각 변의 길이가 점점 짧아져 그 모양이 원과 비슷해진다. 이 유형에 속하는 귀족은 자타가 인정하는 가장 높은 계급이다. 남자 아이는 아버지보다 변의 수가 하나 더 많은 도형으로 인정받는 법률을 만들었다. 그래서 한 세대가 지날수록 지위도 한 단계씩 노아지고 다시 그다음 세대는 더 높은 지위를 얻게 된다. (원래 내용) 아직 진도를 얼마 못 나가서 추가 내용에 왜 '' 태그..

[jQuery] jQuery 속성 조작하기

책대로 했는데 스크립트 에러가 나서 확인해 보니 보던 책의 jQuery버전이 1.1.3a였다. 일단 앞으로 진행은 1.1.3a버전으로 진도를.. =_= 이상한 나라의 사각형 애드윈 애벗 지음 1부 3장 플랫랜드의 주민들 요약본 전문직에 종사하거나 사회적으로 인정되는 남자, 남성들은 정사각형으로(나는 여기에 속한다) 때로는 오각형으로 표현하기도 한다. 다음이 귀족사회를 나타내는데 여기에도 여러 등급이 있다. 육각형을 시작으로 변의 수가 많을수록 더 높은 지위를 약속받는다. 다각형의 경우 각 변의 길이가 점점 짧아져 그 모양이 원과 비슷해진다. 이 유형에 속하는 귀족은 자타가 인정하는 가장 높은 계급이다. 남자 아이는 아버지보다 변의 수가 하나 더 많은 도형으로 인정받는 법률을 만들었다. 그래서 한 세대가 ..

[jQuery] jQuery 효과주기(fade, slide, animate)

Visual C#은 Microsoft에서 구현한 C# 언어입니다. Visual Studio에서는 모든 기능을 갖춘 코드 편집기, 컴파일러, 프로젝트 템플릿, 디자이너 ... C#("시 샵"으로 발음)은 .NET Framework에서 실행되는 다양한 응용 프로그램을 만들기 위해 디자인된 프로그래밍 언어입니다. C#은 간결하고, 강력하며, 형식이 안전한 개체 지향적인 언어입니다. C#은 여러 가지 혁신적인 기술을 통해 C 스타일 언어의 표현성과 우아함을 그대로 유지하면서 신속한 응용 프로그램 개발을 지원합니다. 보여지는 이미지는 생략.. 실행해보면 잘 나옴.

[jQuery] jQuery toggle사용(접기/펴기)

내용 접기 MSDN 라이브러리는 Microsoft 도구, 제품 및 기술을 사용하는 개발자에게 꼭 필요한 리소스입니다. MSDN 라이브러리는 샘플 코드, 문서, 기술 자료, 참조 가이드 등 기술 프로그래밍에 대한 방대한 정보를 제공합니다. 새로운 기능! 일부 MSDN Library 페이지에서 새로운 커뮤니티 콘텐츠 섹션 기능을 사용할 수 있습니다. 개발자 커뮤니티에 참여하여 해당 섹션을 위한 코드 예제, 유용한 방법, 최선의 방법 및 기타 유용한 정보를 제공할 수 있습니다. 자세한 내용은MSDN 커뮤니티 콘텐츠 를 참조하십시오. 실행 화면은 아래와 같이..