Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 워크식스
- 웹퍼블리싱
- 포트폴리오
- 홈페이지제작
- work6.kr
- 사이트제작
- 개발자
- 커스터마이징
- 3D프린터
- jQuery Plugin
- 쇼핑몰제작
- 플러그인
- 웹에이전시
- 웹개발자
- 홈페이지구축
- 튜닝
- CSS
- 고도몰
- JQuery
- 홈페이지
- 쇼핑몰
- 쇼핑몰구축
- PHP
- 웹디자인
- 안드로이드
- 웹퍼블리셔
- 제이쿼리
- 웹디자이너
- 프로그래머
- plugin
Archives
- Today
- Total
목록jquery slide (1)
그냥 개발자 블로그
[워크식스] 웹디자인기능사 실기 (좌로 흘러가는 슬라이드 편)
'좌에서 우로 흘러가는 슬라이드를 어떻게 만들어야 하나요?' 라는 질문이 있어서 이번 글과 영상을 제작하게 되었습니다. jquery를 이용한 슬라이드를 제작할때 우선 원리를 생각해봐야 합니다. 동작하는 방식에 따라 제작 방법이 모두 다르기 때문 입니다. jquery 슬라이드 제작에는 논리적인 사고가 필요 합니다. 우선 생각의 정리가 필요 합니다. 이번 경우는 container 안에 div를 float으로 일렬로 나열시켜서 동작을 시켜 볼겁니다. 1. 슬라이드가 시작되기 전에 3번째 div를 1번째 div 앞으로 가져와서 배너의 순서를 3,1,2 로 바꿔준다. 2. 슬라이드가 동작되면 3번째 div에 margin-left에 -(마이너스)값을 줘서 좌측으로 0.6초간 서서히 이동시킨다. (나머지 1,2는 자..
퍼블리싱팁
2017. 8. 18. 00:30