![4가지 멋진 부트스트랩 이미지 갤러리 및 라이트박스 효과 템플릿](https://img.php.cn/upload/jscode/000/120/096/5d79f73da0406261.jpg)
![](/static/imghwm/eye.png)
Bootstrap을 기반으로 한 사진 갤러리 및 라이트박스 효과 템플릿입니다. 이 템플릿 세트에는 4가지 다른 레이아웃 효과가 있습니다.
![4가지 멋진 CSS3 휴대폰 슬라이딩 및 숨기기 사이드바 메뉴 효과](https://img.php.cn/upload/jscode/000/120/096/5d735adea7d5d761.jpg)
![](/static/imghwm/eye.png)
이것은 매우 멋진 CSS3 휴대폰 슬라이딩 및 숨기기 사이드바 메뉴 효과 4개 세트입니다. 이러한 네 가지 효과는 기본 클릭 슬라이딩 사이드바 메뉴 효과, 3D 변형을 사용한 슬라이딩 사이드바 효과, 텍스트 크기 조정 및 페이드인 및 페이드아웃 효과의 슬라이딩 사이드바 효과, 슬라이딩 사이드바 효과를 달성하기 위한 번역 사용입니다.
![CSS3 마우스오버 이미지 확대 효과](https://img.php.cn/upload/jscode/000/000/001/59954221de02d281.png)
![](/static/imghwm/eye.png)
CSS3 마우스 오버 이미지 확대 효과, 이미지는 기본적으로 3행 4열로 배열되며, 이미지 통과 시 마우스가 강조 표시됩니다.
![jQueryUI 드래그 가능한 탄력적 원형 메뉴](https://img.php.cn/upload/jscode/000/000/001/599b895dd50a6165.png)
![](/static/imghwm/eye.png)
jQuery UI 드래그 가능한 탄력적 원형 메뉴는 원형 버튼을 클릭하면 4개의 하위 메뉴를 팝업할 수 있는 버튼입니다.
![사진 갤러리 및 라이트박스 효과](https://img.php.cn/upload/jscode/000/000/001/5991383faf97b185.jpg)
![](/static/imghwm/eye.png)
사진 갤러리 및 라이트박스 효과는 단순 레이아웃, 흐름 레이아웃, 그리드 레이아웃, 썸네일 레이아웃 등 4가지 레이아웃 효과를 갖춘 소프트웨어입니다.
![JS 동적 웨이브 텍스트 애니메이션 디스플레이 특수 효과](https://img.php.cn/upload/jscode/000/000/001/58f99cbdeb176191.jpg)
![](/static/imghwm/eye.png)
JS 동적 웨이브 텍스트 애니메이션 표시 효과는 웨이브 텍스트 효과, 웨이브 효과, 리바운드 효과, 진동 웨이브 효과, 뒤집기 효과 등 4가지 유형을 얻을 수 있는 도구입니다.
![jQuery 신선하고 간결한 비밀번호 강도 확인 플러그인](https://img.php.cn/upload/jscode/000/000/006/170911110385720.jpg)
![](/static/imghwm/eye.png)
jQuery는 신선하고 간결한 비밀번호 강도 확인 플러그인입니다. 이 플러그인은 4가지 강도 프롬프트 모양을 가지고 있으며 전체적인 디자인은 매우 웅장하고 간결합니다.
![아이콘 코드가 포함된 jQuery 색상 탭](https://img.php.cn/upload/jscode/000/000/001/59953a9931c71352.png)
![](/static/imghwm/eye.png)
아이콘 코드가 포함된 jQuery 색상 탭은 기본 탭, 아이콘이 포함된 색상 탭, 밑줄 스타일 탭 및 세로 탭이라는 4가지 효과가 있는 탭 탭입니다.
![네이티브 JS 푸시 박스 레벨 게임 코드](https://img.php.cn/upload/jscode/000/000/001/5cab10fc82817871.jpg)
![](/static/imghwm/eye.png)
Node.js 피카츄 푸시박스의 코드는 간단하고 이해하기 쉬우며 원하는 대로 레벨을 디자인할 수 있습니다. 지도 사용자 정의 매개변수 설정: 0: 열린 공간 1: 벽 3: 목적지 4: 상자 5: 사람 7: 상자와 목적지 겹침 8: 사람과 목적지 겹침
![jQuery 특수 효과 플러그인 HoverSlippery는 탐색 하이퍼링크 마우스 오버 애니메이션을 구현합니다.](https://img.php.cn/upload/jscode/000/120/096/5d846bb3b9fb7679.jpg)
![](/static/imghwm/eye.png)
HoverSlippery는 탐색 하이퍼링크 마우스 오버 애니메이션 효과를 생성할 수 있는 jQuery 플러그인입니다. 이 플러그인은 4가지 마우스 오버 효과, 즉 캡슐 따라가기 효과, 이중선 따라가기 효과, 밑줄 따라가기 효과 및 윗선 따라가기 효과를 생성할 수 있습니다.
![매우 멋진 CSS3 그림 3D 회전 효과](https://img.php.cn/upload/jscode/000/000/001/58c3bba050d1d885.png)
![](/static/imghwm/eye.png)
매우 멋진 CSS3 그림 3D 회전 효과. 마우스를 올리면 그림이 반대쪽으로 3D 회전합니다. 크롬, 파이어폭스 브라우저와 호환됩니다. 지침: 1. 헤드 영역 참조 파일 component.css, deco.css, Normalize.css 2. 파일에 <!-- code start --><!-- code end --> 지역 코드를 추가하세요. 3. 이미지 폴더의 사진을 해당 경로에 복사하세요 4. 사진 수정
![jQuery 제품 이미지 확대/축소 효과 코드](https://img.php.cn/upload/jscode/000/000/001/58c3be4236b9e102.png)
![](/static/imghwm/eye.png)
jQuery 제품 이미지 확대/축소 효과 코드, 축소판을 클릭하면 원본 이미지가 확대되고 마우스를 드래그하면 주류 브라우저와 호환되는 이미지가 확대됩니다. 지침: 1. 헤드 영역 참조 파일 jquery.js, lrtk.css 2. 파일에 <!-- code start --><!-- code end --> 지역 코드를 추가하세요. 3. 이미지 폴더의 사진을 해당 경로에 복사하세요 4. imagezoom.js, product_img.js 소개
![JS 슈퍼 멋진 그림 뒤집기 디스플레이 효과](https://img.php.cn/upload/jscode/000/000/001/58c3beb040b12178.png)
![](/static/imghwm/eye.png)
JS 슈퍼 멋진 이미지 뒤집기 표시 효과, 마우스의 이미지 안팎 방향에 따라 이미지 안팎을 제어합니다. 효과는 놀랍고 주류 브라우저와 호환됩니다. 지침: 1. 헤드 영역 참조 파일 lrtk.css, animation.css 2. 파일에 !-- code start --!-- code end --region code 를 추가하세요. 3. html 코드 다음에 js 코드를 public.js 및 main.js에 로드해야 합니다. 4. 이미지 크기를 수정해야 하는 경우 lrtk.css의 10번째 줄에서 직접 수정하면 됩니다.