JQuery
-
[워크식스] 토글버튼을 만들기 자바스크립트 플러그인 - designToggle_1.0.js워크식스소식/플러그인소식 2018. 6. 20. 14:03
input checkbox를 토글 버튼으로 만들어주는 플러그인 설치방법 1. Line1 : 제이쿼리를 설치 및 연결 합니다. 2. Line2 : 다운로드 받은 플러그인을 설치 및 연결 합니다. 3. Line3 ~ 40 : 스타일을 복사 그리고 붙여넣기 합니다. 자신의 홈페이지에 맞게 부분적으로 수정 합니다. 4. Line43 ~ Line51 : 스크립트를 복사 그리고 붙여넣기 합니다. 5. Line54 : input 체크박스에 toggle 클래스를 추가 합니다. Install 1. Line1: Install and Connect the jQuery. 2. Line2: Install and connect the downloaded plug-in. 3. Line3 ~ 40 : Copy and paste th..
-
[워크식스] select 에 css 적용하기 - designSelect_1.4.js워크식스소식/플러그인소식 2018. 6. 18. 02:59
select 에 css를 적용할 수 있게 해주는 플러그인 옵션1 옵션2 설치방법 1. Line1 : 제이쿼리를 연결 합니다. 2. Line2 : 다운로드 받은 플러그인을 설치 및 연결 합니다. 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. 3. Line3 : Font Awesome 을 설치 및 연결 합니다. 4. Line5 ~ Line58 : 스타일을 복사 그리고 붙여넣기 합니다. 자신의 홈페이지에 맞게 부분적으로 수정 합니다. 5. Line61 ~ Line67 : 스크립트를 복사 그리고 붙여넣기 합니다. Install 1. Line1: Connect the jQuery. 2. Line2: Install and connect the downloaded plug-in. Plug-in can..
-
[워크식스] select 에 css 적용하기 - designSelect_1.3.js워크식스소식/플러그인소식 2017. 12. 21. 06:50
select 에 css를 적용할 수 있게 해주는 플러그인 옵션1 옵션2 1. 제이쿼리가 필요합니다. 옵션1 옵션2 2. 다운로드 받은 플러그인을 설치 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 옵션1 옵션2 3. select 태그에 적용 시킬 스타일을 작성 합니다. 옵션1 옵션2 3. 페이지가 열릴때 자동으로 실행되게 함수를 작성 합니다. 4. 플러그인은 워크식스에서 만들어졌습니다. 프로그램 소스 다운로드는 워크식스 홈페이지를 이용해 주세요. 2019/01/15 - [jQuery] - input file 에 스타일 적용 시켜주는 플러그인 designFile.js - 워크식스2018/01/03 - [jQuery] - [워크식스] 라디오버튼에 스타일 적용하기 - desig..
-
[워크식스] 웹디자인기능사 실기 (좌우 슬라이드편)퍼블리싱팁 2017. 8. 24. 11:31
'한번은 좌로 한번을 우로 흘러가는 슬라이드를 어떻게 만들어야 하나요?' 라는 질문이 있어서 이번 글과 영상을 제작하게 되었습니다. jquery를 이용한 슬라이드를 제작할때 우선 원리를 생각해봐야 합니다. 동작하는 방식에 따라 제작 방법이 모두 다르기 때문 입니다. jquery 슬라이드 제작에는 논리적인 사고가 필요 합니다. 우선 생각의 정리가 필요 합니다. container 안에 div를 겹치고 횟수에 따라서 한번은 왼쪽으로 한번을 오른쪽으로 향하게 할것 입니다. jquery 동작을 생각해보시게 앞서 div에 z-index 값을 각각 다르게 줘서 첫번째 div 가장 앞으로 오게 해줍니다. 이제 어떻게 동작 시킬지 생각해 봅시다. 1. 횟수를 체크할 수 있는 변수를 둬서 왼쪽으로 가게 할지 오른쪽으로 가..