위치：홈페이지 > js
가마우지 새 비행의 bodymovin.js 애니메이션
bodymovin.js는 애니메이션 플러그인입니다. 새가 날고 가마우지가 하늘을 날고 있다는 애니메이션 호출의 예입니다.
traqball.js 임의의 3d 변형 애니메이션 효과
traqball.js를 기반으로 한 임의의 3D 변형 애니메이션 특수 효과는 멋진 웹 페이지 배경으로 사용할 수 있습니다.
js css3 백 페이드 색상 생성기 플러그인
gradx.js는 두 가지 색상 선택을 지원하는 멋진 페이딩 그라디언트 색상 생성기 플러그인입니다. jquery를 기반으로 구현 된 css3 페이드 색상 플러그인은 생성 후 주로 선형 그라데이션 속성 인 css3 스타일 코드를 표시 할 수 있습니다.
js 작업 목록 추가 삭제 작업
Node.js 작업 목록 추가 삭제 작업, 입력 상자를 입력하여 기능을 추가하면 마우스를 가리키면 작업을 삭제하는 버튼이 나타납니다.
css3 + js 커서 굽기 특수 효과 변경
css3 + js 코드로 구현 된 커서 미화 효과, js는 커서 스타일 굽기 효과를 변경합니다.
css3 js 주황색 시계 코드
css3에서 그린 주황색 시계 스타일을 JavaScript 코드와 결합하여 실제 시계 움직임을 시뮬레이션합니다.
js 드롭 다운 로그인 등록 전환 특수 효과
스타일과 효과는 js + css3로 구현 된 등록 및 로그인 양식 전환, 등록 및 로그인 전환 특수 효과에 매우 좋습니다.
디자인 배경 AngularJS 배경 템플릿에 응답
Material은 Bootstrap 및 AngularJS와 같은 프런트 엔드 기술도 사용하는 Material Design 관리 대시 보드 템플릿입니다. 주요 기능 : 머티리얼 디자인, 머티리얼 디자인 관리 템플릿 및 랜딩 페이지, 2 in 1 강력한 레이아웃, 다중 색상 구성표, Sass / Scss CSS, AngularJS 및 Bootstrap에서 구축 한 jQuery를 사용한 중첩 라우팅, 깔끔한 코드 및 Angular 스타일 가이드, Bower 패키지 관리 도구 Gulp, 자동화 된 건설 도구 반응 형 설계
AngularJs 및 jQuery 관리 시스템 템플릿 UI 인터페이스
Minovate는 AngularJS 버전 및 jQuery 버전을 포함하는 고급 관리 시스템 템플릿으로, 널리 사용되는 Bootstrapv3 프레임 워크를 기반으로합니다. Minovate는 HTML5 + CSS3 표준을 완벽하게 준수하며 완벽하게 반응하는 레이아웃은 모든 장치를 지원합니다. Minovate에는 요소를 사용할 수 있고 사용자 정의 할 수있는 많은 샘플 페이지가 포함되어 있습니다. 헤드 스타일과 내비게이션을 6 가지 색상으로 선택할 수 있습니다. 고정 탐색, 제목 및 선택, 수평 탐색 모음, 좁은 화면 레이아웃 또는 RTL 레이아웃과 같은 여러 레이아웃을 전환합니다. 다운로드 패키지에는 AngularJs 및 html 배경 템플릿, 기업 웹 사이트 템플릿, 쇼핑몰 템플릿, PSD 파일 및 지침 문서가 포함되어 있습니다. 주요 기능 : AngularJs 및 jQuery 버전 완전 반응 형 레이아웃 Bootstrap 프레임 워크에는 PSD 디자인 소스 파일 Bower, Grunt, SASS 인터페이스 스킨이 임의로 세부 사용 문서를 전환합니다.
AngularJS 관리 백그라운드 프런트 엔드 UI 프레임 워크
Bonanzooka는 AngularJS 프레임 워크를 기반으로 개발 된 관리 템플릿 UI 프레임 워크입니다. WebUI 관리 배경 페이지의 완벽하게 반응하는 레이아웃은 AngularJS에 의해 만들어집니다. 웹 관리 페이지 응용 프로그램을 수행하고 있기 때문에 페이지를 새로 고치지 않고도 콘텐츠를로드 할 수있어 사용자 경험을 향상시킬 수있는 기능이 있습니다. 주요 기능 : 반응 형 디자인은 다양한 화면 크기의 AngularJS 구성에 적합하며, ajax 비 새로 고침 로딩 페이지는 Bootstrap3 프레임 워크와 효과적인 HTML5 및 CSS3를 사용하여 Less를 빌드하므로 테마 수정이 편리합니다. 5 가지 색상 스타일은 깨끗하고 단순하며 참신하고 깔끔하며 평면 디자인이며이 템플릿은 복잡하지 않습니다. HTML 버전을 포함한 크로스 브라우저
js Pikachu는 마우스를 따라 코드를 날립니다.
js + css3를 사용하여 마우스를 따라가는 피카츄의 특수 효과를 깨닫고, 피카츄의 머리에 팬이 그를 날아갑니다.
js + CSS3 사용자 정의 마우스는 특수 효과를 따릅니다.
특수 효과를 따르는 js 및 CSS3 사용자 정의 마우스. 이 특수 효과에서는 DIV 요소를 사용하여 마우스를 사용자 정의하고, 마우스 모양은 CSS 코드를 통해 구성하고, 마우스 애니메이션은 js 코드를 통해 구동합니다.
투명한 버블 볼 충돌 JS 코드
10 개의 작은 공이 동시에 나타나며 필요에 따라 수정할 수 있습니다. 공이 무작위로 나타나게하려면 58 줄의 코드와 57 줄의 주석을 달면됩니다. 이 쓰기 방법은 여전히 매우 명확합니다. 테스트 후에도 효과는 여전히 매우 좋습니다. 코드가 상당히 길다고 생각할 수 있지만 아이디어는 매우 분명합니다. 먼저 화면 클래스를 만들고 ballnum, spring, bounce, gravity와 같은 화면 생성자의 다양한 속성 변수에 필요한 공의 움직임과 충돌을 제공합니다. 그런 다음 프로토 타입 프로토 타입을 사용하여 공 생성, 공, 히트 공, 공 이동, 각 기능에 해당 기능 추가, 마지막으로 버튼으로 이벤트를 클릭하여 기능을 호출하는 등 해당 기능을 제공합니다. 여기를 클릭했을 때의 효과에 주석을 달고 직접 새로 고침하면 페이지가 무작위로 변경됩니다.
입자 효과를 따르는 dat.gui.js 마우스
dat.gui.js 클래스 라이브러리를 기반으로 한 마우스 추종 입자 특수 효과
three.js 언리얼 파티클 리플 애니메이션 효과
three.js 클래스 라이브러리를 기반으로 한 언리얼 파티클 리플 애니메이션 특수 효과
spirit.js는 둥근 버튼에 텍스트 변동 특수 효과를 구현합니다.
spirit.js + svg는 파급 효과로 둥근 버튼의 텍스트를 실현합니다.
jQuery + css3, 황금 알 복권 코드 히트
황금 달걀 특수 효과를 얻기 위해 jQuery + css3을 기반으로 js 황금 달걀 복권 코드.
Vue.js 장바구니 결제 코드
vue.js에서 구현 한 장바구니 결제 코드를 기반으로하는 js 제품 장바구니 특수 효과 코드
three.js 두 블록은 걷기 애니메이션을 시뮬레이션합니다.
three.js 라이브러리에 의해 구현 된 애니메이션 효과를 기반으로 두 개의 사각형은 사람이 걷는 애니메이션 효과를 시뮬레이션합니다.
js + css3 풍선 상승 애니메이션 효과
js + css3 풍선 상승 애니메이션 특수 효과, 무제한 풍선 코드 생성.
