지역 사회
배우다
도구 라이브러리
AI 도구
여가
찾다
한국어
찾다
logo
  • 로그인
  • 가입
비밀번호 재설정 성공

당신이 관심을 갖고 있는 프로젝트를 팔로우하고 그들에 관한 최신 뉴스를 맛보세요

<  반품 썸네일의 좌우 화살표 클릭을 통한 이미지 캐러셀 효과 원리 분석
이전 섹션
다음 섹션
튜토리얼 목록
도움을 받다
예배 규칙서
장1 페이지 레이아웃
1-1 프로젝트 설명
1-2 로그인 등록 레이아웃 구축
1-3 목록 레이아웃 구성
1-4 로고와 검색창
1-5 제품 카테고리 탐색 레이아웃
1-6 경로 탐색 레이아웃
1-7 경로 탐색 데이터의 동적 렌더링
장2 돋보기 효과
2-1 왼쪽 돋보기 레이아웃 구성
2-2 돋보기 마우스 이동 효과
2-3 돋보기 마우스를 움직여 마스크 요소의 드래그 효과를 구현하세요.
2-4 마스크 요소 이동을 위한 경계 제어
2-5 돋보기를 움직이면 큰 그림 요소를 같은 비율로 움직이는 효과가 나타납니다.
2-6 돋보기 썸네일 레이아웃 구성 효과
2-7 돋보기 썸네일 데이터의 동적 렌더링
2-8 축소판을 클릭하면 이미지가 더 작거나 큰 이미지로 변경됩니다.
2-9 썸네일의 좌우 화살표 클릭을 통한 이미지 캐러셀 효과 원리 분석
2-10 각 그림 이동 거리와 UL 이동 거리를 계산합니다.
장3 오른쪽의 제품
3-1 오른쪽 제품 상단의 상세 소개 레이아웃
3-2 오른쪽 제품 상단에 대한 자세한 설명은 데이터의 동적 렌더링을 소개합니다.
3-3 오른쪽 제품 하단에 대한 제품 매개변수 레이아웃 구성
3-4 오른쪽 제품 하단에 제품 매개변수 데이터의 동적 렌더링
장4 제품 매개변수
4-1 독점 효과를 보려면 제품 매개변수 첫 번째 행의 텍스트 색상을 클릭하세요.
4-2 클로저 함수를 사용하여 루프 내 이벤트의 변수 문제 해결
4-3 선택 결과의 레이아웃 구성 구현
4-4 해당 결과를 동적으로 추가하려면 제품 매개변수를 클릭하세요.
4-5 해당 매개변수 데이터를 삭제하려면 삭제 버튼을 클릭하세요.
4-6 패키지 가격 변경 기능
장5 중앙 왼쪽 탭
5-1 장바구니 및 구매가격 레이아웃 구축
5-2 왼쪽 가운데 탭의 전체 구조 레이아웃
5-3 왼쪽 중간 탭의 특정 콘텐츠 레이아웃 구성
장6 중앙 오른쪽 탭
6-1 중앙의 오른쪽에 일치하도록 전체 구조 레이아웃을 선택하십시오.
6-2 코로케이션에서 체크박스 선택 시 패키지 가격 연계 효과 선택
6-3 오른쪽 가운데 탭 레이아웃 만들기
장7 오른쪽 탐색 모음
7-1 공개 탭 기능을 캡슐화하고 호출
7-2 오른쪽 네비게이션 바의 작업 부분 구성
7-3 오른쪽 탐색 모음의 중간 레이아웃 구성
7-4 오른쪽 탐색 모음을 클릭하여 상태 전환 구현
  • 코스 추천
  • 코스웨어 다운로드
무료 프론트엔드 프로젝트 - Shangyou [HTML/CSS/JS 기술 종합실습]
무료 SVG 튜토리얼
무료 AngularJS 중국어 참조 매뉴얼
무료 Go 언어 튜토리얼 매뉴얼
무료 Redis 명령 조작 중국어 매뉴얼
무료 파이썬 3 튜토리얼
무료 XML DOM 튜토리얼
무료 Memcached 명령 운영 매뉴얼
무료 XSLT 튜토리얼
무료 XQuery 튜토리얼
무료 XLink 튜토리얼
무료 XPointer 튜토리얼
There are currently no materials available for download for this course
이 강좌를 시청한 학생들도 학습하고 있습니다.
496534
PHP로 사업을 시작하는 방법에 대해 간단히 이야기해 보겠습니다. 웹 프론트 엔드 개발에 대한 빠른 소개 민망한 물건 백과사전 사이트를 모방한 Mini 버전 MVC 프레임워크의 대규모 실용 Tianlongbabu 개발 PHP 실용 개발 시작하기: 빠른 PHP 생성 [중소기업 포럼] 로그인 인증 및 클래식 게시판 컴퓨터 네트워크 지식 수집 빠른 시작 Node.JS 정식 버전 당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본] 자신만의 PHP MVC 프레임워크 작성(깊이 있는 40개 장/자세한 내용/초보자가 발전하려면 읽어야 함)