현재 나의 Tistory에 들어오면 마우스 움직임에 따라 애니메이션 효과가 따라 오는 걸 볼 수 있다.
Tistory 외에도 자신이 만든 웹 사이트에서 마우스 커서에 효과를 넣을 수 있다.
1. 관련 사이트
먼저 아래의 관련 사이트로 들어가서 상단에 MOUSE EFFECTS 카테고리를 보면 여러가지 효과들이 있다.
(해당 사이트에는 MOUSE EFFECTS 외에도 TEXT EFFECTS, GRAPHIC EFFECTS가 있는데 다음에 한번 적용시켜 봐야겠다)
RV's free DHTML and JavaScript text and graphic effects for your web-site
Copyright notice: All scripts are © copyright mf2fm.com. You can use them wherever and whenever you wish, however the copyright notice at the start of the script should remain intact and a link back to this page would be appreciated. The address for this
www.mf2fm.com
나의 Tistory에는 TINKERBELL MOUSE EFFECT가 적용 되어있다.
(다른 선택지에 들어가서 보면 어떤 효과가 나타나는지 해당 페이지에서 볼 수 있다)
2. 코드 복사
자신이 원하는 효과로 들어가서 아래에 나와있는 코드를 전부 복사한다.
( 아래의 CLICK HERE를 누르면 코드 전체가 선택 된다)
Tistory에 효과를 적용하고자 한다면 블로그 관리에서 왼쪽 카테고리에 꾸미기>스킨편집에 들어 간다.
들어가면 오른쪽 상단 스킨 편집에 html 편집이 있는데 이곳에서 나의 Tistory html 코드를 작성 할 수 있는 곳이 있다.
3. 코드 넣기
코드를 살펴보면 <head>태그가 있는데 <head> </head>사이에 복사한 코드를 그대로 붙여 넣으면 된다.
코드를 넣고 적용을 누르면 자신의 Tistory에서 애니메이션 효과가 적용되는 걸 볼 수 있다.
Tistory가 아니여도 자신이 작성한 html코드 <head>부분에 마우스 효과 코드를 넣으면 구현한 페이지에서 마우스 효과가 나타난다.