디자인팁

마우스 마법효과 애니메이션

페이지 정보

작성자 BSAA 작성일16-04-22 16:37 조회1,464회 댓글0건

첨부파일

본문

마우스의 움직임과 상호작용하는 멋진 시각효과를 나오게하는 기능입니다.

 

샘플 : http://sianup.designcorea.co.kr/script_sian/mouse_magic/index.html

 

필수옵션

jquery-1.12.2.min.js​, jquery-stars.js

 

<script src="http://code.jquery.com/jquery-1.12.2.min.js"></script>

<script src="js/jquery-stars.js"></script> 

 

기능을 적용시키기 위해서는 우선 스크립트파일을 불러와야합니다.

 

index.html 파일

 

<script src="http://code.jquery.com/jquery-1.12.2.min.js"></script>

<script src="js/jquery-stars.js"></script>

<script>

$('.demo1').jstars({

image_path: 'images'  ,  <---- images 폴더안에 있는 이미지 경로를 불러와야한다.

style:'rand' 불러올수있는 컬러 : white, red, green, yellow, blue and rand

});

</script>

 

기본적으로 플러그인은 커서를 따라 별을 만들기위한 이미지를 사용합니다.

 

 

 

 

댓글목록

등록된 댓글이 없습니다.