매우 멋진 jQuery 물결 반사 특수 효과 플러그인

간단한 튜토리얼

lake.js는 물결 반사 효과를 생성할 수 있는 jQuery 플러그인입니다. 이 jquery 플러그인은 모든 그림을 캔버스 구성 요소로 변환하여 그림이 사실적인 물결 반사 효과를 생성할 수 있도록 해줍니다.

사용방법

페이지에 jquery와 Lake.js 파일을 소개합니다.

<script src="path/to/jquery.min.js"></script>                  
<script src="path/to/lake.js"></script>

HTML 구조

는 모든 사진에 물결 반사 효과를 만들 수 있습니다.

<img id="lake-img" src="lake.png" style="display: none;"/>

초기화 플러그인

페이지 DOM 요소가 로드된 후 다음 방법을 통해 jquery 물결 반사 플러그인을 초기화할 수 있습니다.

$(function() {
  $('#lake-img').lake({
    'speed': 1,
    'scale': 0.5,
    'waves': 10
  });
});

구성 매개변수

jquery 물결 반사 플러그인에는 3가지 구성 매개변수가 있습니다.

• 속도: 물결 이동 속도.

• 규모: 물결의 마루 높이.

• 파도: 물결의 수.

위 내용은 완전 멋진 jQuery 물결 반사 플러그인의 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!