기사
주제
학습
다운로드
Q&A
프로그래밍 사전
게임
최근 업데이트
로그인
简体中文(ZH-CN)
English(EN)
繁体中文(ZH-TW)
日本語(JA)
한국어(KO)
Melayu(MS)
Français(FR)
Deutsch(DE)
다음 섹션: 돋보기 마우스를 움직여 마스크 요소의 드래그 효과를 구현하세요.
(547회 재생)
다음 섹션
다시 시청하기
ဆ
장
메모
묻다
코스웨어
피드백
프론트엔드 프로젝트 - Shangyou [HTML/CSS/JS 기술 종합실습]
장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 오른쪽 탐색 모음을 클릭하여 상태 전환 구현
이전 섹션
다음 섹션
튜토리얼 목록
도움을 받다
코스 추천
코스웨어 다운로드
중급
프론트엔드 Vue3 실전 전투 [손글씨 vue 프로젝트]
2857명이 시청하고 있습니다.
초등학교
APIPOST 튜토리얼 [네트워크 통신 관련 기술 개념의 대중화]
1795명이 시청하고 있습니다.
중급
Issue 22_실전 종합전투
5521명이 시청하고 있습니다.
초등학교
이슈 22_PHP 프로그래밍
5172명이 시청하고 있습니다.
초등학교
Issue 22_프론트엔드 개발
8713명이 시청하고 있습니다.
중급
빅데이터(MySQL) 비디오 튜토리얼 정식 버전
4525명이 시청하고 있습니다.
초등학교
실용적인 정보로 가득한 Go 언어 튜토리얼
2794명이 시청하고 있습니다.
초등학교
GO 언어 핵심 프로그래밍 과정
2814명이 시청하고 있습니다.
중급
JS 고급 및 BootStrap 학습
2563명이 시청하고 있습니다.
중급
SQL 최적화 및 문제 해결(MySQL 버전)
3374명이 시청하고 있습니다.
중급
Redis+MySQL 데이터베이스 인터뷰 튜토리얼
2963명이 시청하고 있습니다.
초등학교
음식을 배달하거나 프로그래밍을 배우시나요?
5708명이 시청하고 있습니다.
이 강좌를 시청한 학생들도 학습하고 있습니다.
491499회 재생
PHP로 사업을 시작하는 방법에 대해 간단히 이야기해 보겠습니다.
웹 프론트 엔드 개발에 대한 빠른 소개
민망한 물건 백과사전 사이트를 모방한 Mini 버전 MVC 프레임워크의 대규모 실용 Tianlongbabu 개발
PHP 실용 개발 시작하기: 빠른 PHP 생성 [중소기업 포럼]
로그인 인증 및 클래식 게시판
컴퓨터 네트워크 지식 수집
빠른 시작 Node.JS 정식 버전
당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본]
자신만의 PHP MVC 프레임워크 작성(깊이 있는 40개 장/자세한 내용/초보자가 발전하려면 읽어야 함)
노트
X
회사 소개
부인 성명
Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!