위치:홈페이지 > JS 특수 효과 코드 > 배경 및 레이아웃
투명한 버블 볼 충돌 JS 코드
10 개의 작은 공이 동시에 나타나며 필요에 따라 수정할 수 있습니다. 공이 무작위로 나타나게하려면 58 줄의 코드와 57 줄의 주석을 달면됩니다. 이 쓰기 방법은 여전히 매우 명확합니다. 테스트 후에도 효과는 여전히 매우 좋습니다. 코드가 상당히 길다고 생각할 수 있지만 아이디어는 매우 분명합니다. 먼저 화면 클래스를 만들고 ballnum, spring, bounce, gravity와 같은 화면 생성자의 다양한 속성 변수에 필요한 공의 움직임과 충돌을 제공합니다. 그런 다음 프로토 타입 프로토 타입을 사용하여 공 생성, 공, 히트 공, 공 이동, 각 기능에 해당 기능 추가, 마지막으로 버튼으로 이벤트를 클릭하여 기능을 호출하는 등 해당 기능을 제공합니다. 여기를 클릭했을 때의 효과에 주석을 달고 직접 새로 고침하면 페이지가 무작위로 변경됩니다.
당신은 또한 좋아할 수 있습니다
- js 색종이 떨어지는 배경 특수 효과
- js + css 3 달러 떨어지는 애니메이션 특수 효과
animate.css + js 코드를 사용하여 달러 하락 애니메이션과 공중에서 돈 하락의 특수 효과를 실현합니다. 국경일 공휴일에 돈과 빨간 봉투를 보낼 때 적합합니다.
- JS 바람 부는 눈송이 플라잉 배경 애니메이션
사실적인 JavaScript 눈송이 날아 다니는 배경 효과, 눈송이는 작은 그림의 크기를 변경하여 실현됩니다.
- CSS 채팅 창 버블 스타일 레이아웃
- jQuery 웹 페이지 배경 이미지 애니메이션 전환 플러그인
이 웹 페이지 배경 플러그인을 사용하면 동적 효과 배경 이미지를 설정할 수 있습니다. 큰 이미지 또는 큰 이미지 그룹 만 준비하면되며 bgStretcher는 이미지를 전체 웹 페이지에 자동으로 적용하고 배경 이미지를 순환합니다.
- css3 입자 회전 웹 페이지 배경 특수 효과
- jQuery 왼쪽 탐색 및 오른쪽 탭 페이지 전환
- 부트 스트랩 그리드 레이아웃 드래그 앤 드롭 확대 / 축소 구성 요소
부트 스트랩 및 jquery에 의해 구현 된 드래그 앤 드롭 레이아웃 플러그인을 기반으로하는 부트 스트랩 그리드 레이아웃 드래그 앤 드롭 확대 구성 요소입니다.
- jQuery 마우스 호버 라인 애니메이션 플러그인
jQuery 경계선 애니메이션 플러그인. 플러그인은 하이퍼 링크 또는 그림과 같은 요소 위에 마우스를 놓을 때 테두리 선의 애니메이션 효과를 추가 할 수 있습니다.
- jQuery 및 css3 텍스트 애니메이션 효과
jQuery 및 CSS3를 사용하여 텍스트 애니메이션 효과를 얻으십시오. 웹 페이지가 아래로 스크롤되면 애니메이션이 트리거됩니다. 지터 및 스윙과 같은 다양한 텍스트 애니메이션 효과가 포함되어 있습니다.