목록JavaScript & jQuery (2)
미안한남자의 일상
먼저 페이지에서 html5와 css를 이용하여 가입 항목을 구성하였다면오늘은 가입버튼을 추가하고 제이쿼리를 이용하여 유효성 검사를 적용하겠습니다.먼저 위와 같이 div태그와 폼태그, 버튼을 구성해 준 후, div에 적당한 클래스값을 주고, 폼태그 name과 id값엔 상위 폼태그에 주었던 값과 똑같은 값을 넣어줍니다.버튼 타입엔 submit을 주고 버튼안에 들어갈 글자를 입력해 줍니다. 그리고 위와 같이 css를 이용하여 버튼 위치와 색상을 수정해 주면 아래와 같이 버튼이 추가됩니다.이제 가입 페이지가 구성되었으니 제이쿼리를 이용하여 유효성 검사를 구현해 보도록 하겠습니다.먼저 위와 같이 script에 제이쿼리 기본 양식을 입력해 주고 함수값에 폼태그에 넣었던 값과 submit를 입력해 줍니다. if문에 ..
웹 페이지에서 자주 볼 수 있는 옆으로 움직이는 슬라이드쇼 이미지를 플러그인을 이용해 간단한 방법으로 만들어 보겠습니다. 순수 자바스크립트만 이용하여 구현하려면 코드가 꽤 길어지지만, 자바스크립트를 보다 간단하고 효율적으로 사용하기 위해 만들어진 제이쿼리를 이용하면 보다 간략한 방법으로 구현할 수 있습니다. 먼저 폴더 2개를 생성하여 폴더의 이름을 하나는 plugins로 변경해 주고, 하나는 superslides로 변경해 줍니다. 아래 사이트에 접속하여, 우측상단의 fork me on GitHub를 통해 플러그인 파일을 다운 받습니다.http://archive.nicinabox.com/superslides/ 다운받은 파일의 압축을 풀고, dist폴더안의 모든 파일과 자바스크립트 폴더안에 있는 jquery..