Jquery 를 이용한 Water Ripple Effect(물 파장효과) happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > Jquery 를 이용한 Water Ripple Effect(물 파장효과) 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

html

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

Jquery 를 이용한 Water Ripple Effect(물 파장효과)

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

72 회

간단설명

이미지 위에 물 파장효과를 표현할 수 있습니다. over , click 에 대해서 반응 합니다. 사용방법이 매우 심플 합니다.

평가하기

jQuery 를 이용하여 물파장 이펙트를 주는 플러그인 입니다.

사용방법은 매우 심플 합니다.

# 라이브러리 호출 합니다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js"></script>

# 컨테이너를 만듭니다.

<div class="full-landing-image">

# 스크립트를 실행 합니다.

<script>
$(".full-landing-image").ripples({
resolution: 200,
perturbance: .004,
});
</script>

한가지 아쉬운점은 데모 사이트는 멋지게 작동하지만 샘플 코드는 너무 심플한것 같습니다.

라이센스는 별도 안내가 안되어 있지만 코드힘에서 확인했을 때 이미지에 MIT 라이센스로 명시가 되어 있네요.