![bootstrap 및 animate.css를 기반으로 한 모달 상자 효과](https://img.php.cn/upload/jscode/000/120/096/5d7f19717055b776.jpg)
![](/static/imghwm/eye.png)
bootstrap 및 animate.css를 기반으로 하는 모달 상자 효과로 표시 및 숨기기의 동적 효과를 사용자 정의하고, 표시 및 숨길 때 콜백 메서드를 추가하고, 데이터를 채울 수 있습니다.
![animate.css 및 기본 JS를 기반으로 한 마우스 스크롤 애니메이션 효과](https://img.php.cn/upload/jscode/000/000/001/587990cdd16ee941.png)
![](/static/imghwm/eye.png)
마우스 스크롤 애니메이션 효과는 animate.css 및 기본 JS를 기반으로 구현되었습니다. CSS 애니메이션 플러그인 animate.css를 기반으로 구현된 애니메이션 특수 효과입니다. 오픈 소스를 보려면 공식 웹사이트를 방문하세요.
![전환 애니메이션 효과가 있는 부트스트랩 모달 창](https://img.php.cn/upload/jscode/000/120/096/5d7f0dfa09f83164.jpg)
![](/static/imghwm/eye.png)
Velocity.js 전환 애니메이션 효과를 기반으로 한 Bootstrap 모달 창 및 Popover입니다. 이 효과는 Bootstrap 모달 창과 Popover를 기반으로 하며, Velocity.js를 사용하여 모달 창과 Popover가 열릴 때 애니메이션 전환 효과를 생성합니다.
![jQuery 모달 창 열기 애니메이션 효과](https://img.php.cn/upload/jscode/000/000/001/58d3822e174e1966.jpg)
![](/static/imghwm/eye.png)
jQuery 모달 창 열기 애니메이션 효과는 Bootstrap 모달 창과 Popover를 기반으로 하며, Velocity.js를 사용하여 모달 창과 Popover가 열릴 때 애니메이션 전환 효과를 만듭니다.
![jqueryAlert 글머리 기호 상자 플러그인(pcwap)](https://img.php.cn/upload/jscode/000/120/096/5d79f23a30df5602.jpg)
![](/static/imghwm/eye.png)
jquery를 기반으로 개발되어 PC 및 모바일 단말과 호환되는 모달 박스, 정보 프롬프트 박스 등
![4가지 멋진 부트스트랩 이미지 갤러리 및 라이트박스 효과 템플릿](https://img.php.cn/upload/jscode/000/120/096/5d79f73da0406261.jpg)
![](/static/imghwm/eye.png)
Bootstrap을 기반으로 한 사진 갤러리 및 라이트박스 효과 템플릿입니다. 이 템플릿 세트에는 4가지 다른 레이아웃 효과가 있습니다.
![animate.css를 기반으로 하는 jQuery+CSS3 텍스트 애니메이션 플러그인](https://img.php.cn/upload/jscode/000/000/001/5a31e126c0857180.png)
![](/static/imghwm/eye.png)
animate.css 및 CSS3 웹 페이지 동적 텍스트 효과 코드를 기반으로 하는 다양한 멋진 jQuery+CSS3 텍스트 애니메이션 플러그인입니다.
![Node.js 모달 대화 상자 플러그인 rmdal.js](https://img.php.cn/upload/jscode/000/120/096/5d78a6ff47ce0703.jpg)
![](/static/imghwm/eye.png)
rmodal.js는 애니메이션 효과가 포함된 js 모달 대화 상자 플러그인입니다. rmodal.js 모달 대화 상자 플러그인의 압축 버전은 1.2kb에 불과하며 외부 종속성이 없으며 애니메이션 효과로 모달 대화 상자 효과를 생성할 수 있습니다. 그 기능에는 간단한 사용과 높은 실행 효율성도 포함됩니다. 외부 종속성 없이 순수 js로 작성되었습니다. IE9+를 포함한 모든 최신 브라우저를 지원합니다. bootstrap 및 animate.css와 함께 사용할 수 있습니다. CommonJS AMD 또는 전역을 지원합니다.
![jQuery+CSS3 전환 애니메이션 모달 창 특수 효과](https://img.php.cn/upload/jscode/000/000/001/58d372c0b0e52313.jpg)
![](/static/imghwm/eye.png)
jQuery+CSS3 전환 애니메이션 모달 창 특수 효과는 Codrops의 ModalWindowEffects를 기반으로 제작되었으며 jQuery 플러그인을 사용하여 열려 있는 다양한 모달 창의 효과를 균일하게 관리합니다.
![Bootstrap 기반의 모바일 반응형 캐러셀 효과 지원](https://img.php.cn/upload/jscode/000/000/001/5993aa8c6d906642.png)
![](/static/imghwm/eye.png)
bootstrap-carousel-touch-slider는 모바일 단말기를 지원하는 Bootstrap 기반의 반응형 캐러셀 효과입니다. 회전판 효과는 손가락으로 밀어서 전환할 수 있습니다. 그리고 animate.css와 결합하면 다양하고 멋진 텍스트 애니메이션 효과를 만들 수 있습니다. 지침 부트스트랩 관련 파일,font-awesome.css 글꼴 아이콘 파일, animate.min.css 애니메이션 파일, jquery.touchS를 페이지에 소개합니다.
![간단하고 실용적인 부트스트랩 탭 효과](https://img.php.cn/upload/jscode/000/000/001/5993b9b5ddd86676.png)
![](/static/imghwm/eye.png)
부트스트랩을 기반으로 한 간단하고 실용적인 탭 효과입니다. 이 탭은 네이티브 부스트랩 탭을 기반으로 미려하게 만들어졌는데, 효과도 스타일리쉬하고 넉넉해서 아주 좋습니다. 지침 페이지에 jquery 및 bootstrap 관련 파일을 소개합니다.
![HTML5 기반 이미지 자르기 플러그인](https://img.php.cn/upload/jscode/000/000/001/587879b4d0d55659.png)
![](/static/imghwm/eye.png)
HTML5, WYSIWYG 자르기 방법을 기반으로 하는 이미지 자르기 플러그인은 HTML5 캔버스를 기반으로 여러 축소판 크기 이미지를 생성할 수 있습니다. 그리기 구현은 다양한 효과로 자르기를 지원합니다. 물론 이미지를 저장해야 하는 경우에도 이미지 자르기를 위한 백엔드 서비스 프로그램이 필요합니다. 자르기 페이지는 Bootstrap 프레임워크를 기반으로 구현됩니다.
![jquery 축소판 및 큰 이미지 스크롤 전환 미리보기 효과](https://img.php.cn/upload/jscode/000/287/557/607e2ac58cd32230.png)
![](/static/imghwm/eye.png)
jquery와 CSS 사진 프레임 이미지 미리보기를 기반으로 측면 축소판을 클릭하면 해당하는 큰 이미지 효과가 표시됩니다. 이는 썸네일과 큰 이미지 간 전환을 결합하여 일반적으로 사용되는 미리보기 효과입니다.
![Google 흔들림 창 플러그인 jquery-wobblewindow-plugin](https://img.php.cn/upload/jscode/000/120/096/5d832d7c5075c315.jpg)
![](/static/imghwm/eye.png)
끈끈한 효과 지터 창을 생성할 수 있는 jquery 플러그인입니다. 끈끈한 효과 지터 창은 HTML5 캔버스를 기반으로 만들어졌으며 마우스가 HTML 요소 안팎으로 움직일 때 테두리에 물결 모양의 지터 효과를 만들 수 있습니다.
![jQuery 마우스가 지터 변형 효과로 이동합니다.](https://img.php.cn/upload/jscode/000/000/001/59195d0719939967.jpg)
![](/static/imghwm/eye.png)
jQuery 마우스 인 지터 변형 효과는 HTML5 캔버스를 기반으로 하며 마우스가 안팎으로 움직일 때 HTML 요소의 테두리에 물결 모양의 지터 효과를 생성할 수 있습니다.
![easyDialog는 간단하고 실용적인 팝업 레이어 구성 요소입니다.](https://img.php.cn/upload/jscode/000/120/096/5d7f1c6053595619.jpg)
![](/static/imghwm/eye.png)
easyDialog에는 템플릿 메커니즘이 없으며 논리 레이어의 팝업 효과만 담당합니다. 콘텐츠(메시지 상자, 양식, 그림 등)가 표시되는 방식에 관해서는 easyDialog는 콘텐츠에 속하지 않습니다. 비즈니스 계층과 비즈니스 요구 사항은 끊임없이 변화합니다. 논리와 비즈니스가 매우 긴밀하게 결합되면 이식성과 확장성이 크게 저하됩니다.
![CSS3 3D 루빅스 큐브 회전 그림 전환 보기 특수 효과](https://img.php.cn/upload/jscode/000/000/014/170891878051111.jpg)
![](/static/imghwm/eye.png)
CSS3 3D 루빅스 큐브 회전 그림 전환 보기 효과는 마우스로 선택한 이미지로, 360도 놀라운 3D 회전 큐브 애니메이션 특수 효과를 자동으로 실현할 수 있습니다.
![부동 자리 표시자를 사용한 CSS3 로그인 양식 특수 효과](https://img.php.cn/upload/jscode/000/000/010/170891876947019.jpg)
![](/static/imghwm/eye.png)
부동 자리 표시자가 있는 CSS3 로그인 양식 효과는 부동 자리 표시자와 표시기 버튼 효과가 있는 로그인 양식 페이지입니다.
![가로로 드래그하여 사진의 특수 효과를 전환할 수 있습니다.](https://img.php.cn/upload/jscode/000/000/012/170891876619588.jpg)
![](/static/imghwm/eye.png)
가로로 드래그하여 사진을 전환할 수 있는 특수 효과는 효과를 보기 위해 사진 목록을 가로로 드래그하는 기능도 지원하는 왼쪽 및 오른쪽 화살표 버튼이 있는 웹 특수 효과입니다.